🚚 devide helper function in table pages.

Co-Studo · Dec 1, 2022 · 66d6c78 · 66d6c78
1 parent 025fea6
commit 66d6c78
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 39 deletions.
diff --git a/packages/playground-react/helpers/table/index.ts b/packages/playground-react/helpers/table/index.ts
@@ -0,0 +1,11 @@
+export const getDateForm = (date: number) => {
+  const dateArray = [
+    new Date(date).getFullYear(),
+    new Date(date).getMonth() + 1,
+    new Date(date).getDate(),
+  ];
+
+  return dateArray
+    .map((number) => (number < 10 ? `0${number}` : number))
+    .join('.');
+};
diff --git a/packages/playground-react/pages/table/basic-table.tsx b/packages/playground-react/pages/table/basic-table.tsx
@@ -1,18 +1,7 @@
 import { BasicTable, Text } from '@cos-ui/react';
 
 import { noticeList } from '@constants/mock';
-
-const getDateForm = (date: number) => {
-  const dateArray = [
-    new Date(date).getFullYear(),
-    new Date(date).getMonth() + 1,
-    new Date(date).getDate(),
-  ];
-
-  return dateArray
-    .map((number) => (number < 10 ? `0${number}` : number))
-    .join('.');
-};
+import { getDateForm } from '@helpers/table';
 
 const BasicTablePage = () => (
   <BasicTable caption="test" columnsWidth={['10rem', '*', '12rem', '10rem']}>

diff --git a/packages/playground-react/pages/table/column-table.tsx b/packages/playground-react/pages/table/column-table.tsx
@@ -2,23 +2,12 @@ import { ColumnTable, Text, FlexBox } from '@cos-ui/react';
 
 import { SortingIcon } from '@constants/icons';
 import { noticeList } from '@constants/mock';
+import { getDateForm } from '@helpers/table';
 
 const sortingValues = {
   writer: noticeList.map(({ writer }) => writer),
   date: noticeList.map(({ date }) => date),
-  view: noticeList.map(({ view }) => Number(view)),
-};
-
-const getDateForm = (date: number) => {
-  const dateArray = [
-    new Date(date).getFullYear(),
-    new Date(date).getMonth() + 1,
-    new Date(date).getDate(),
-  ];
-
-  return dateArray
-    .map((number) => (number < 10 ? `0${number}` : number))
-    .join('.');
+  view: noticeList.map(({ view }) => view),
 };
 
 const ColumnTablePage = () => (

diff --git a/packages/playground-react/pages/table/row-table.tsx b/packages/playground-react/pages/table/row-table.tsx
@@ -2,23 +2,12 @@ import { RowTable, Text, FlexBox } from '@cos-ui/react';
 
 import { SortingIcon } from '@constants/icons';
 import { noticeList } from '@constants/mock';
+import { getDateForm } from '@helpers/table';
 
 const sortingValues = {
   writer: noticeList.map(({ writer }) => writer),
   date: noticeList.map(({ date }) => date),
-  view: noticeList.map(({ view }) => Number(view)),
-};
-
-const getDateForm = (date: number) => {
-  const dateArray = [
-    new Date(date).getFullYear(),
-    new Date(date).getMonth() + 1,
-    new Date(date).getDate(),
-  ];
-
-  return dateArray
-    .map((number) => (number < 10 ? `0${number}` : number))
-    .join('.');
+  view: noticeList.map(({ view }) => view),
 };
 
 const RowTablePage = () => (

diff --git a/packages/playground-react/tsconfig.path.json b/packages/playground-react/tsconfig.path.json
@@ -6,7 +6,8 @@
       "@pages/*": ["pages/*"],
       "@styles/*": ["styles/*"],
       "@utils/*": ["utils/*"],
-      "@constants/*": ["constants/*"]
+      "@constants/*": ["constants/*"],
+      "@helpers/*": ["helpers/*"]
     }
   }
 }