Bug: Fix to show date

Author: pkiop

client-next/src/components/UI/ContentsList/Content/index.tsx

@@ -1,5 +1,6 @@
 import type { IContent } from 'types/content.interface';
 import { useNavigate } from 'react-router-dom';
+import { DateUtil } from '@utils/index';
 import * as S from './style';
 import TagList from './TagList';
 
@@ -21,7 +22,9 @@ const Content = ({ className, content }: IContentsComponent) => {
           <div className="category">
             {content.mainCategory.title}/{content.subCategory.title}
           </div>
-          <div className="date">{content.date}</div>
+          <div className="date">
+            {DateUtil.getYMD(new Date(content.updateAt))}
+          </div>
         </div>
         <TagList tagList={content.tags} />
       </S.SubInfo>

client-next/src/components/UI/Post/Titlebox/index.tsx

@@ -1,4 +1,4 @@
-import { getYMD } from '@lib/date';
+import { getYMD } from '@utils/date';
 import * as S from './style';
 
 interface TitleBox {

client-next/src/fixture/ContentsList/index.ts

@@ -8,37 +8,37 @@ const testObj = {
 export const testContentList: IContent[] = [
   {
     title: '글 1',
-    date: '첫번째 글에대한 내용입니다.',
+    updateAt: new Date('2020-10-20'),
     slug: '/1',
     ...testObj,
   },
   {
     title: '글 2',
-    date: '두번째 글에대한 내용입니다.',
+    updateAt: new Date('2020-10-20'),
     slug: '/1',
     ...testObj,
   },
   {
     title: '글 3',
-    date: '세번째 글에대한 내용입니다.',
+    updateAt: new Date('2020-10-20'),
     slug: '/1',
     ...testObj,
   },
   {
     title: '글 4',
-    date: '네번째 글에대한 내용입니다.',
+    updateAt: new Date('2020-10-20'),
     slug: '/1',
     ...testObj,
   },
   {
     title: '글 5',
-    date: '다섯번째 글에대한 내용입니다.',
+    updateAt: new Date('2020-10-20'),
     slug: '/1',
     ...testObj,
   },
 ];
 
 export const testContent: any = {
   title: '제목입니다.',
-  date: '2020-20-20',
+  date: '2020-10-20',
 };

client-next/src/types/content.interface.ts

@@ -3,7 +3,7 @@ import type { ITag } from './tag.interface';
 
 export interface IContent {
   title: string;
-  date: string;
+  updateAt: Date;
   slug: string;
   mainCategory: IMainCategory;
   subCategory: ISubCategory;

client-next/src/lib/date.ts renamed to client-next/src/utils/date.ts

@@ -0,0 +1,4 @@
+import * as DU from './date';
+
+export const DateUtil = DU;
+export default {};