@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
16 lines • 1.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const i18n_1 = require("@wordpress/i18n");
const helpers_1 = require("../../../helpers");
const constants_1 = require("../../constants");
const icons_1 = require("../icons");
require("./styles.scss");
const MastodonPostHeader = ({ user }) => {
const { displayName, address, avatarUrl } = user || {};
return ((0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__post-header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__post-header-user", children: [(0, jsx_runtime_1.jsx)("img", { className: "mastodon-preview__post-avatar", src: avatarUrl || constants_1.DEFAULT_AVATAR, alt: "" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "mastodon-preview__post-header-displayname", children: displayName ||
// translators: username of a fictional Mastodon User
(0, i18n_1.__)('anonymous-user', 'social-previews') }), (0, jsx_runtime_1.jsx)("div", { className: "mastodon-preview__post-header-username", children: address?.replace(`@${constants_1.DEFAULT_MASTODON_INSTANCE}`, '') || '@username' })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__post-header-audience", children: [(0, jsx_runtime_1.jsx)(icons_1.GlobeIcon, {}), (0, helpers_1.formatMastodonDate)(new Date())] })] }));
};
exports.default = MastodonPostHeader;
//# sourceMappingURL=index.js.map