Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 6x 6x | import { Statistic } from "antd";
import React, { ReactElement } from "react";
import { useTranslation } from 'react-i18next';
import { WidgetComponentRenderProps } from "../WidgetComponentsMapping";
const { Countdown } = Statistic;
const CountdownWidget = (props: WidgetComponentRenderProps): ReactElement => {
const { dataAndConfigs, widget } = props;
const { t } = useTranslation();
const config = JSON.parse(widget.options)?.config ?? {};
const mergedConfigs = { ...config, ...dataAndConfigs };
return (
<Countdown
title={t("Countdown")}
format="D 天 H 时 m 分 s 秒"
{...mergedConfigs}
/>
);
};
export default CountdownWidget;
|