accounts-frontend/packages/app/components/ui/RelativeTime.tsx

19 lines
545 B
TypeScript
Raw Permalink Normal View History

2019-11-11 14:10:05 +05:30
import React from 'react';
import { FormattedRelativeTime } from 'react-intl';
import { selectUnit } from '@formatjs/intl-utils';
function RelativeTime({ timestamp }: { timestamp: number }) {
2020-05-24 04:38:24 +05:30
const { unit, value }: { unit: any; value: number } = selectUnit(timestamp);
2019-11-11 14:10:05 +05:30
2020-05-24 04:38:24 +05:30
return (
<FormattedRelativeTime
value={value}
unit={unit}
numeric="auto"
updateIntervalInSeconds={['seconds', 'minute', 'hour'].includes(unit) ? 1 : undefined}
/>
);
2019-11-11 14:10:05 +05:30
}
export default RelativeTime;