From 4a8149c0c43419e29cedd5117b6441bf7e6eadcd Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 10 Oct 2020 11:26:36 +0300
Subject: fix: format 'since' date in ProfileInfo
---
src/containers/Profile/ProfileInfo.tsx | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
(limited to 'src/containers/Profile/ProfileInfo.tsx')
diff --git a/src/containers/Profile/ProfileInfo.tsx b/src/containers/Profile/ProfileInfo.tsx
index 1f5a103..4f2957a 100644
--- a/src/containers/Profile/ProfileInfo.tsx
+++ b/src/containers/Profile/ProfileInfo.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
import { Badge, Typography, CircularProgress } from '@material-ui/core/';
import { CameraAlt, CheckCircleOutline } from '@material-ui/icons/';
import { makeStyles } from '@material-ui/core/styles';
@@ -92,6 +92,15 @@ const useStyles = makeStyles(theme => ({
}));
+const formatDate = (value: Date | string = ''): string => {
+ const date = new Date(value);
+ const day = ('0' + date.getDate()).slice(-2);
+ const month = ('0' + date.getMonth()).slice(-2);
+ const year = date.getFullYear();
+ return `${year}-${month}-${day}`;
+};
+
+
const ProfileInfo: React.FC<PropTypes> = ({
savedPolls, totalVotes, setUserInfo, userInfo
}) => {
@@ -99,7 +108,7 @@ const ProfileInfo: React.FC<PropTypes> = ({
const { user } = useAuth();
const [progress, setProgress] = useState<number>(0);
- const dateSince = new Date(userInfo?.createdAt || '').toLocaleDateString();
+ const dateSince = useMemo(() => formatDate(userInfo?.createdAt), [userInfo]);
const handleUpdateAvatar = useCallback(async (file: File) => {
if (user) {
--
cgit v1.2.3
From a1a2cb59616d833d503c3c090116fc0ad1e9d542 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 10 Oct 2020 11:48:05 +0300
Subject: fix: resolve eslint errors
---
src/containers/Profile/ProfileInfo.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
(limited to 'src/containers/Profile/ProfileInfo.tsx')
diff --git a/src/containers/Profile/ProfileInfo.tsx b/src/containers/Profile/ProfileInfo.tsx
index 4f2957a..da952e9 100644
--- a/src/containers/Profile/ProfileInfo.tsx
+++ b/src/containers/Profile/ProfileInfo.tsx
@@ -94,8 +94,8 @@ const useStyles = makeStyles(theme => ({
const formatDate = (value: Date | string = ''): string => {
const date = new Date(value);
- const day = ('0' + date.getDate()).slice(-2);
- const month = ('0' + date.getMonth()).slice(-2);
+ const day = (`0${date.getDate()}`).slice(-2);
+ const month = (`0${date.getMonth()}`).slice(-2);
const year = date.getFullYear();
return `${year}-${month}-${day}`;
};
--
cgit v1.2.3