@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
17 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TumblrLinkPreview = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const i18n_1 = require("@wordpress/i18n");
const helpers_1 = require("../helpers");
const helpers_2 = require("./helpers");
const actions_1 = tslib_1.__importDefault(require("./post/actions"));
const header_1 = tslib_1.__importDefault(require("./post/header"));
require("./styles.scss");
const TumblrLinkPreview = ({ title, description, image, user, url, }) => {
const avatarUrl = user?.avatarUrl;
return ((0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__post", children: [avatarUrl && (0, jsx_runtime_1.jsx)("img", { className: "tumblr-preview__avatar", src: avatarUrl, alt: "" }), (0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__card", children: [(0, jsx_runtime_1.jsx)(header_1.default, { user: user }), (0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__window", children: [image && ((0, jsx_runtime_1.jsxs)("div", { className: "tumblr-preview__window-top", children: [(0, jsx_runtime_1.jsx)("div", { className: "tumblr-preview__overlay", children: (0, jsx_runtime_1.jsx)("div", { className: "tumblr-preview__title", children: (0, helpers_2.tumblrTitle)(title) }) }), (0, jsx_runtime_1.jsx)("img", { className: "tumblr-preview__image", src: image, alt: (0, i18n_1.__)('Tumblr preview thumbnail', 'social-previews') })] })), (0, jsx_runtime_1.jsxs)("div", { className: `tumblr-preview__window-bottom ${!image ? 'is-full' : ''}`, children: [!image && (0, jsx_runtime_1.jsx)("div", { className: "tumblr-preview__title", children: (0, helpers_2.tumblrTitle)(title) }), description && image && ((0, jsx_runtime_1.jsx)("div", { className: "tumblr-preview__description", children: (0, helpers_2.tumblrDescription)(description) })), url && (0, jsx_runtime_1.jsx)("div", { className: "tumblr-preview__site-name", children: (0, helpers_1.baseDomain)(url) })] })] }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] })] }));
};
exports.TumblrLinkPreview = TumblrLinkPreview;
//# sourceMappingURL=link-preview.js.map