@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
11 lines • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const i18n_1 = require("@wordpress/i18n");
require("./styles.scss");
const BlueskyPostHeader = ({ user }) => {
const { displayName, address } = user || {};
return ((0, jsx_runtime_1.jsxs)("div", { className: "bluesky-preview__post-header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bluesky-preview__post-header-user", children: [(0, jsx_runtime_1.jsx)("span", { className: "bluesky-preview__post-header--displayname", children: displayName || (0, i18n_1.__)('Account name') }), "\u00A0", (0, jsx_runtime_1.jsx)("span", { className: "bluesky-preview__post-header--username", children: address || 'username.bsky.social' })] }), (0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__post-header--separator", children: "\u00B7" }), (0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__post-header--date", children: (0, i18n_1._x)('1h', 'refers to the time since the post was published, e.g. "1h"', 'social-previews') })] }));
};
exports.default = BlueskyPostHeader;
//# sourceMappingURL=index.js.map