31 lines
768 B
TypeScript
31 lines
768 B
TypeScript
import * as React from "react";
|
|
import { dateToRelative } from "@shared/utils/date";
|
|
import lazyWithRetry from "~/utils/lazyWithRetry";
|
|
|
|
const LocaleTime = lazyWithRetry(() => import("~/components/LocaleTime"));
|
|
|
|
type Props = React.ComponentProps<typeof LocaleTime> & {
|
|
onClick?: () => void;
|
|
};
|
|
|
|
function Time({ onClick, ...props }: Props) {
|
|
const content = dateToRelative(Date.parse(props.dateTime), {
|
|
addSuffix: props.addSuffix,
|
|
shorten: props.shorten,
|
|
});
|
|
|
|
return (
|
|
<span onClick={onClick}>
|
|
<React.Suspense
|
|
fallback={
|
|
<time dateTime={props.dateTime}>{props.children || content}</time>
|
|
}
|
|
>
|
|
<LocaleTime tooltipDelay={250} {...props} />
|
|
</React.Suspense>
|
|
</span>
|
|
);
|
|
}
|
|
|
|
export default Time;
|