Merge pull request #355 from boostcamp-2020/develop

[FE] Fix: IOS TransactionHeader undefined나오는 문제 수정
boostcamp-2020 · Dec 18, 2020 · 1fd0c81 · 1fd0c81
2 parents 2aaf1d2 + 294f9bc
commit 1fd0c81
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/fe/src/pages/MainPage/TransactionDateList.tsx b/fe/src/pages/MainPage/TransactionDateList.tsx
@@ -7,6 +7,7 @@ import {
 } from 'stores/Transaction/transactionStoreUtils';
 import { observer } from 'mobx-react-lite';
 import * as types from 'types';
+import dateUtil from 'utils/date';
 
 const TransactionDateList = ({
  list,
@@ -29,12 +30,14 @@ const TransactionDateList = ({
  transactionList,
  );
  return (
- <TransactionList
- key={date}
- date={new Date(date)}
- onClick={onClick}
- transactionList={formattedTransactionList}
- />
+ <>
+ <TransactionList
+ key={date}
+ date={new Date(dateUtil.addZero(date))}
+ onClick={onClick}
+ transactionList={formattedTransactionList}
+ />
+ </>
  );
  };
 

diff --git a/fe/src/utils/date.ts b/fe/src/utils/date.ts
@@ -73,4 +73,10 @@ export default {
  absoluteTargetDate <= absoluteEndDate
  );
  },
+ addZero(str: string) {
+ const [year, month, date] = str.split('-');
+ return `${year}-${month.length === 1 ? `0${month}` : month}-${
+ date.length === 1 ? `0${date}` : date
+ }`;
+ },
 };