diff --git a/src/entities/settlement/model/constant.ts b/src/entities/settlement/model/constant.ts index c6ac3f4..d6d44f3 100644 --- a/src/entities/settlement/model/constant.ts +++ b/src/entities/settlement/model/constant.ts @@ -1,18 +1,20 @@ +import { TFunction } from 'i18next'; import { SettlementPaymentMethod, SettlementPeriodType } from './types'; -export const SettlementPeriodTypeBtnGroup = [ - {name: '정산일자', value: SettlementPeriodType.SETTLEMENT_DATE }, - {name: '거래일자', value: SettlementPeriodType.TRANSACTION_DATE } +export const getSettlementPeriodTypeBtnGroup = (t: TFunction) => [ + {name: t('settlement.periodType.settlementDate'), value: SettlementPeriodType.SETTLEMENT_DATE }, + {name: t('settlement.periodType.transactionDate'), value: SettlementPeriodType.TRANSACTION_DATE } ]; -export const SettlementPaymentMethodOptionsGroup = [ - {name: '전체', value: SettlementPaymentMethod.ALL}, - {name: '신용카드', value: SettlementPaymentMethod.CREDIT_CARD}, - {name: '가상계좌', value: SettlementPaymentMethod.VIRTUAL_ACCOUNT}, - {name: '계좌이체', value: SettlementPaymentMethod.ACCOUNT_TRANSFER}, - {name: '계좌간편결제', value: SettlementPaymentMethod.ACCOUNT_EASY_PAY}, - {name: '휴대폰', value: SettlementPaymentMethod.MOBILE_PAYMENT}, - {name: 'SSG 머니', value: SettlementPaymentMethod.SSG_MONEY}, - {name: 'SSG 은행계좌', value: SettlementPaymentMethod.SSG_BANK_ACCOUNT}, - {name: '문화상품권', value: SettlementPaymentMethod.CULTURE_VOUCHER}, - {name: '티머니페이', value: SettlementPaymentMethod.TMONEY_PAY}, + +export const getSettlementPaymentMethodOptionsGroup = (t: TFunction) => [ + {name: t('transaction.constants.all'), value: SettlementPaymentMethod.ALL}, + {name: t('transaction.constants.creditCard'), value: SettlementPaymentMethod.CREDIT_CARD}, + {name: t('transaction.constants.virtualAccount'), value: SettlementPaymentMethod.VIRTUAL_ACCOUNT}, + {name: t('transaction.constants.accountTransfer'), value: SettlementPaymentMethod.ACCOUNT_TRANSFER}, + {name: t('transaction.constants.accountSimpleTransfer'), value: SettlementPaymentMethod.ACCOUNT_EASY_PAY}, + {name: t('transaction.constants.mobilePayment'), value: SettlementPaymentMethod.MOBILE_PAYMENT}, + {name: t('transaction.constants.ssgMoney'), value: SettlementPaymentMethod.SSG_MONEY}, + {name: t('transaction.constants.ssgBank'), value: SettlementPaymentMethod.SSG_BANK_ACCOUNT}, + {name: t('transaction.constants.cultureLand'), value: SettlementPaymentMethod.CULTURE_VOUCHER}, + {name: t('transaction.constants.tmoneyPay'), value: SettlementPaymentMethod.TMONEY_PAY}, ]; \ No newline at end of file diff --git a/src/entities/settlement/ui/calandar-amount-row.tsx b/src/entities/settlement/ui/calandar-amount-row.tsx index 1aab143..a4764b0 100644 --- a/src/entities/settlement/ui/calandar-amount-row.tsx +++ b/src/entities/settlement/ui/calandar-amount-row.tsx @@ -1,4 +1,5 @@ import { NumericFormat } from 'react-number-format'; +import { useTranslation } from 'react-i18next'; import { SettlementStatus } from '../model/types'; export interface CalendarAmountRowProps { @@ -10,23 +11,24 @@ export const CalendarAmountRow = ({ amount, settlementStatus }: CalendarAmountRowProps) => { + const { t } = useTranslation(); const makeTitle = () => { let rs = []; if(settlementStatus === SettlementStatus.SCHEDULED){ rs.push( - 예정 + >{t('settlement.scheduled')} ); } else if(settlementStatus === SettlementStatus.COMPLETED){ rs.push( - 완료 + >{t('settlement.completed')} ); } return rs; @@ -35,13 +37,13 @@ export const CalendarAmountRow = ({ return ( <>