Bug: Fix to show date

pkiop · Jan 12, 2022 · 0a360d3 · 0a360d3
1 parent 09d7c34
commit 0a360d3
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 9 deletions.
diff --git a/client-next/src/components/UI/ContentsList/Content/index.tsx b/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>

diff --git a/client-next/src/components/UI/Post/Titlebox/index.tsx b/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 {

diff --git a/client-next/src/fixture/ContentsList/index.ts b/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',
 };
diff --git a/client-next/src/types/content.interface.ts b/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;

diff --git a/client-next/src/lib/date.ts → client-next/src/utils/date.ts b/client-next/src/lib/date.ts → client-next/src/utils/date.ts
diff --git a/client-next/src/utils/index.ts b/client-next/src/utils/index.ts
@@ -0,0 +1,4 @@
+import * as DU from './date';
+
+export const DateUtil = DU;
+export default {};