metadata-based-explorer1
Version:
Box UI Elements
22 lines (18 loc) • 717 B
JavaScript
// @flow
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import Tooltip from '../../../../../components/tooltip';
import ReadableTime from '../../../../../components/time/ReadableTime';
import messages from './messages';
import './ActivityTimestamp.scss';
type Props = {
date: number, // unix epoch timestamp (new Date().getTime())
};
const ActivityTimestamp = ({ date }: Props) => (
<Tooltip text={<FormattedMessage {...messages.fullDateTime} values={{ time: date }} />}>
<small className="bcs-ActivityTimestamp">
<ReadableTime relativeThreshold={0} alwaysShowTime timestamp={date} />
</small>
</Tooltip>
);
export default ActivityTimestamp;