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