gatsby-theme-zh
Version:
32 lines (31 loc) • 2.13 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const antd_1 = require("antd");
const react_i18next_1 = require("react-i18next");
const PlayGrounds_module_less_1 = __importDefault(require("./PlayGrounds.module.less"));
const PlayGrounds = ({ examples = [], currentExample, updateCurrentExample, }) => {
const { i18n } = react_i18next_1.useTranslation();
return (react_1.default.createElement("div", { className: classnames_1.default(PlayGrounds_module_less_1.default.shadowWrapper) },
react_1.default.createElement("div", { className: PlayGrounds_module_less_1.default.cards }, examples.map((example) => {
const title = typeof example.title === 'object'
? example.title[i18n.language]
: example.title;
return (react_1.default.createElement(antd_1.Tooltip, { placement: "right", title: title || '', key: example.relativePath },
react_1.default.createElement("a", { href: `#${example.filename.split('.')[0]}`, onClick: (e) => {
e.preventDefault();
window.history.pushState({}, '', `#${example.filename.split('.')[0]}`);
updateCurrentExample(example);
}, id: `example-${example.filename.split('.')[0]}`, className: classnames_1.default(PlayGrounds_module_less_1.default.card, {
[PlayGrounds_module_less_1.default.current]: currentExample &&
example.relativePath === currentExample.relativePath,
}) },
react_1.default.createElement("img", { src: example.screenshot ||
'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/screenshot-placeholder-b8e70.png', alt: title || example.relativePath }))));
}))));
};
exports.default = PlayGrounds;