aboutsummaryrefslogblamecommitdiffstats
path: root/webui/src/components/Date.tsx
blob: be0f5835cd4d9adbb879c9a4a2d214d6c06cd994 (plain) (tree)
1
2
3
4
5
6
7
8
9
                            
                          

                                  

                                                        


                         
 

                                   
                                                               
                                               
            
  
 
                    
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('MMMM D, YYYY, h:mm a')}>
    <Moment date={date} fromNowDuring={WEEK} />
  </Tooltip>
);

export default Date;