42 lines
892 B
JavaScript
42 lines
892 B
JavaScript
// @flow
|
|
import { formatDistanceToNow } from "date-fns";
|
|
import * as React from "react";
|
|
|
|
const LocaleTime = React.lazy(() =>
|
|
import(/* webpackChunkName: "locale-time" */ "components/LocaleTime")
|
|
);
|
|
|
|
type Props = {
|
|
dateTime: string,
|
|
children?: React.Node,
|
|
tooltipDelay?: number,
|
|
addSuffix?: boolean,
|
|
format?: string,
|
|
shorten?: boolean,
|
|
};
|
|
|
|
function Time(props: Props) {
|
|
let content = formatDistanceToNow(Date.parse(props.dateTime), {
|
|
addSuffix: props.addSuffix,
|
|
});
|
|
|
|
if (props.shorten) {
|
|
content = content
|
|
.replace("about", "")
|
|
.replace("less than a minute ago", "just now")
|
|
.replace("minute", "min");
|
|
}
|
|
|
|
return (
|
|
<React.Suspense
|
|
fallback={
|
|
<time dateTime={props.dateTime}>{props.children || content}</time>
|
|
}
|
|
>
|
|
<LocaleTime tooltipDelay={250} {...props} />
|
|
</React.Suspense>
|
|
);
|
|
}
|
|
|
|
export default Time;
|