webui: start reorganizing the component structure

1 files changed, 17 insertions, 0 deletions

diff --git a/webui/src/components/Date.tsx b/webui/src/components/Date.tsx
new file mode 100644
index 00000000..a830546c
--- /dev/null
+++ b/webui/src/components/Date.tsx
@@ -0,0 +1,17 @@
+import Tooltip from '@material-ui/core/Tooltip/Tooltip';
+import moment from 'moment';
+import React from 'react';
+import Moment from 'react-moment';
+
+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;