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 25 26 27 28 | 1x 1x 1x 1x 1x 296x 59x 296x | import { styled, Typography } from "@mui/material";
import { useTranslation } from "i18n";
import { GLOBAL } from "i18n/namespaces";
import React from "react";
import { timeAgo } from "utils/timeAgo";
const StyledTypography = styled(Typography)(({ theme }) => ({
fontSize: "0.75rem", // 12px
}));
interface TimeIntervalProps {
date: Date;
className?: string;
}
export default function TimeInterval({ date, className }: TimeIntervalProps) {
const {
t,
i18n: { language: locale },
} = useTranslation(GLOBAL);
return (
<StyledTypography className={className} variant="caption">
{timeAgo({ since: date, t, locale })}
</StyledTypography>
);
}
|