Add comprehensive i18n localization to settlement entity
- Convert settlement constants to i18n-compatible getter functions - Add 28+ translation keys to settlement namespace - Localize 11 settlement UI components Constant conversions: - getSettlementPeriodTypeBtnGroup(t) - getSettlementPaymentMethodOptionsGroup(t) Translation keys added: - settlement.periodType.* (settlementDate, transactionDate) - settlement.searchCriteria, searchPeriod - settlement.settlementCompleted, depositScheduled - settlement.settlementInfo, transferStatus, transferId, transferTime - settlement.bankName, accountNumber, depositorName - settlement.settlementDepositAmount, errorReason - settlement.transactionDetailInfo - settlement.cardBankTelecom, approvalAccountPhone - common.weekdays.* (sun-sat) - common.currencyUnit Localized components: - filter/list-filter.tsx - calandar-wrap.tsx, calendar-grid.tsx - calendar-settlement-item.tsx, calandar-amount-row.tsx - info-wrap/settlement-info-wrap.tsx - info-wrap/transaction-info-wrap.tsx - list-summary-extend-settlement.tsx - list-summary-extend-transaction.tsx All settlement components now support Korean/English language switching. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import moment from 'moment';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { SettlementDays, SettlementStatus } from '../model/types';
|
||||
import { useEffect, useState } from 'react';
|
||||
|
||||
@@ -13,7 +14,8 @@ export const CalendarGrid = ({
|
||||
scheduledDateList,
|
||||
completedDateList
|
||||
}: CalendarGridProps) => {
|
||||
|
||||
const { t } = useTranslation();
|
||||
|
||||
const makeCalendarDate = () => {
|
||||
let startDay = moment(yearMonth).startOf('month').day();
|
||||
let lastDate = moment(yearMonth).endOf('month').date();
|
||||
@@ -73,13 +75,13 @@ export const CalendarGrid = ({
|
||||
<>
|
||||
<div className="calendar-grid">
|
||||
<div className="weekdays">
|
||||
<div className="weekday sun">일</div>
|
||||
<div className="weekday">월</div>
|
||||
<div className="weekday">화</div>
|
||||
<div className="weekday">수</div>
|
||||
<div className="weekday">목</div>
|
||||
<div className="weekday">금</div>
|
||||
<div className="weekday sat">토</div>
|
||||
<div className="weekday sun">{t('common.weekdays.sun')}</div>
|
||||
<div className="weekday">{t('common.weekdays.mon')}</div>
|
||||
<div className="weekday">{t('common.weekdays.tue')}</div>
|
||||
<div className="weekday">{t('common.weekdays.wed')}</div>
|
||||
<div className="weekday">{t('common.weekdays.thu')}</div>
|
||||
<div className="weekday">{t('common.weekdays.fri')}</div>
|
||||
<div className="weekday sat">{t('common.weekdays.sat')}</div>
|
||||
</div>
|
||||
<div className="days">
|
||||
{ makeCalendarDate() }
|
||||
|
||||
Reference in New Issue
Block a user