diff options
author | Michael Muré <batolettre@gmail.com> | 2020-02-23 14:49:09 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-02-23 14:49:09 +0100 |
commit | f87d63b3c656f6efba3c62c121f66e513ca3efea (patch) | |
tree | 368886eb57bab83c76f73b3b7b0238b483733a30 /webui/src/components/Date.tsx | |
parent | 4559af5e71a2d6d1c53329e565d101c3eadacf6e (diff) | |
parent | f96484391ae817a18f503b5c31cd3bd2211553df (diff) | |
download | git-bug-f87d63b3c656f6efba3c62c121f66e513ca3efea.tar.gz |
Merge pull request #331 from MichaelMure/webui/mutations
Webui: add comments
Diffstat (limited to 'webui/src/components/Date.tsx')
-rw-r--r-- | webui/src/components/Date.tsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/webui/src/components/Date.tsx b/webui/src/components/Date.tsx new file mode 100644 index 00000000..146a3496 --- /dev/null +++ b/webui/src/components/Date.tsx @@ -0,0 +1,20 @@ +import moment from 'moment'; +import React from 'react'; +import Moment from 'react-moment'; + +import Tooltip from '@material-ui/core/Tooltip/Tooltip'; + +const HOUR = 1000 * 3600; +const DAY = 24 * HOUR; +const WEEK = 7 * DAY; + +type Props = { date: string }; +const Date = ({ date }: Props) => ( + <Tooltip title={moment(date).format('LLLL')}> + <span> + on <Moment date={date} format="ll" fromNowDuring={WEEK} /> + </span> + </Tooltip> +); + +export default Date; |