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,5 +1,6 @@
import moment from 'moment';
import { NumericFormat } from 'react-number-format';
import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { SettlementDays, SettlementStatus } from '../model/types';
@@ -14,6 +15,7 @@ export const CalendarSettlementItem = ({
settlementStatus
}: CalendarSettlementItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const getAmount = (
scheduledAmount: number | undefined,
@@ -65,10 +67,10 @@ export const CalendarSettlementItem = ({
</div>
<div className="settlement-amount">
<NumericFormat
value={ getAmount(value?.scheduledAmount, value?.completedAmount) }
value={ getAmount(value?.scheduledAmount, value?.completedAmount) }
thousandSeparator
displayType="text"
suffix='원'
suffix={t('common.currencyUnit')}
></NumericFormat>
</div>
</div>