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:
Jay Sheen
2025-10-30 17:36:42 +09:00
parent 868f6754ed
commit 0d43510307
12 changed files with 233 additions and 137 deletions

View File

@@ -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() }