- import React from 'react';
- import { injectIntl, FormattedRelative } from 'react-intl';
- import PropTypes from 'prop-types';
-
- const RelativeTimestamp = ({ intl, timestamp }) => {
- const date = new Date(timestamp);
-
- return (
- <time dateTime={timestamp} title={intl.formatDate(date, { hour12: false, year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' })}>
- <FormattedRelative value={date} />
- </time>
- );
- };
-
- RelativeTimestamp.propTypes = {
- intl: PropTypes.object.isRequired,
- timestamp: PropTypes.string.isRequired
- };
-
- export default injectIntl(RelativeTimestamp);
|