@udus/notion-renderer
Version:
11 lines (10 loc) • 1.64 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const LinkPreview = ({ block }) => {
return (_jsx("div", { id: block.id, className: "notion-block notion-link-preview", children: _jsx("a", { href: block.link_preview.url, children: _jsxs("div", { className: "notion-link-preview-container", children: [_jsxs("div", { className: "notion-link-preview-content", children: [_jsx("div", { className: "notion-link-preview-title", children: block.link_preview?.site_meta?.title
? block.link_preview.site_meta.title
: block.link_preview.url }), _jsx("div", { className: "notion-link-preview-description", children: block.link_preview?.site_meta?.description
? block.link_preview.site_meta.description
: block.link_preview.url }), _jsxs("div", { className: "notion-link-preview-url", children: [_jsx("span", { className: "notion-link-preview-favicon", children: _jsx("img", { src: block.link_preview?.site_meta?.favicon
? block.link_preview.site_meta?.favicon
: `https://www.google.com/s2/favicons?domain=${block.link_preview.url}`, alt: "link preview favicon" }) }), _jsx("span", { className: "notion-link-preview-link-url", children: block.link_preview.url })] })] }), block.link_preview?.site_meta?.image && (_jsx("div", { className: "notion-link-preview-cover", children: _jsx("img", { src: block.link_preview.site_meta.image, alt: "link preview og image" }) }))] }) }) }));
};