From 7605be6c77393ed98e179c27f3bc3915afb95f5c Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 9 Oct 2020 20:51:00 +0300
Subject: feat: create DateString component

---
 src/components/PollCard/PollCard.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

(limited to 'src/components/PollCard/PollCard.tsx')

diff --git a/src/components/PollCard/PollCard.tsx b/src/components/PollCard/PollCard.tsx
index a06bad8..7094d88 100644
--- a/src/components/PollCard/PollCard.tsx
+++ b/src/components/PollCard/PollCard.tsx
@@ -6,6 +6,7 @@ import { useSnackbar } from 'notistack';
 
 import PercentageBar from './PercentageBar';
 import UserStrip from '../UserStrip/UserStrip';
+import DateString from '../DateString/DateString';
 import BackgroundImage from '../Image/BackgroundImage';
 import { post } from '../../requests';
 import { useAuth } from '../../hooks/useAuth';
@@ -15,14 +16,6 @@ interface PropTypes {
   setPoll: (poll: Poll) => void;
 }
 
-const DATE_FORMAT = {
-  month: 'long',
-  day: 'numeric',
-  year: 'numeric',
-  hour: '2-digit',
-  minute: '2-digit'
-};
-
 const useStyles = makeStyles(theme => ({
   media: {
     display: 'flex',
@@ -55,7 +48,6 @@ const PollCard: React.FC<PropTypes> = React.memo(({ poll, setPoll }) => {
   const { author, contents: { left, right }, vote } = poll;
   const { enqueueSnackbar } = useSnackbar();
   const { isAuthenticated } = useAuth();
-  const date: string = new Date(poll.createdAt).toLocaleString('default', DATE_FORMAT);
 
   const handleVote = (which: Which) => () => {
     if (!isAuthenticated) {
@@ -97,7 +89,7 @@ const PollCard: React.FC<PropTypes> = React.memo(({ poll, setPoll }) => {
 
   return (
     <Card elevation={3}>
-      <UserStrip user={author} info={date} />
+      <UserStrip user={author} info={<DateString value={poll.createdAt} />} />
       {poll.description && (
         <Typography className={classes.description}>
           {poll.description}
-- 
cgit v1.2.3

