@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
44 lines • 2.99 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const i18n_1 = require("@wordpress/i18n");
const icons_1 = tslib_1.__importDefault(require("../icons"));
require("./styles.scss");
const TumblrPostActions = () => ((0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__post-actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__post-manage-actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__post-actions-blaze", children: [(0, jsx_runtime_1.jsx)(icons_1.default, { name: "blaze" }), "\u00A0Blaze"] }), (0, jsx_runtime_1.jsx)("ul", { children: [
{
icon: 'delete',
// translators: "Delete" action on a Tumblr post
label: (0, i18n_1.__)('Delete', 'social-previews'),
},
{
icon: 'edit',
// translators: "Edit" action on a Tumblr post
label: (0, i18n_1.__)('Edit', 'social-previews'),
},
].map(({ icon, label }) => ((0, jsx_runtime_1.jsx)("li", { "aria-label": label, children: (0, jsx_runtime_1.jsx)(icons_1.default, { name: icon }) }, icon))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__post-social-actions", children: [(0, jsx_runtime_1.jsx)("div", { children:
// translators: count of notes on a Tumblr post
(0, i18n_1.__)('0 notes', 'social-previews') }), (0, jsx_runtime_1.jsx)("ul", { children: [
{
icon: 'share',
// translators: "Share" action on a Tumblr post
label: (0, i18n_1.__)('Share', 'social-previews'),
},
{
icon: 'reply',
// translators: "Reply" action on a Tumblr post
label: (0, i18n_1.__)('Reply', 'social-previews'),
},
{
icon: 'reblog',
// translators: "Reblog" action on a Tumblr post
label: (0, i18n_1.__)('Reblog', 'social-previews'),
},
{
icon: 'like',
// translators: "Like" action on a Tumblr post
label: (0, i18n_1.__)('Like', 'social-previews'),
},
].map(({ icon, label }) => ((0, jsx_runtime_1.jsx)("li", { "aria-label": label, children: (0, jsx_runtime_1.jsx)(icons_1.default, { name: icon }) }, icon))) })] })] }));
exports.default = TumblrPostActions;
//# sourceMappingURL=index.js.map