Localize key-in payment and fund account components

Replace all hardcoded Korean text with i18n translation keys in
key-in payment list and fund account components including tab
navigation and wrap components.

Components localized:
- key-in-payment-list: Payment request button
- fund-account/tab: Transfer request and result inquiry tab buttons
- fund-account/transfer-list-wrap: Balance, won unit, transfer registration notice and button
- fund-account/result-list-wrap: Request/success/fail labels, won units, transfer registration button

All text now supports multi-language through translation keys.

🤖 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-31 12:29:15 +09:00
parent 21f8a634f4
commit 1e65a67674
4 changed files with 28 additions and 23 deletions

View File

@@ -1,13 +1,16 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import {
FundAccountTabKeys,
FundAccountTabProps
import {
FundAccountTabKeys,
FundAccountTabProps
} from '../../model/fund-account/types';
import { useTranslation } from 'react-i18next';
export const FundAccountTab = ({
activeTab
}: FundAccountTabProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const onClickToNavigation = (tab: FundAccountTabKeys) => {
if(activeTab !== tab){
@@ -23,14 +26,14 @@ export const FundAccountTab = ({
return (
<>
<div className="subTab">
<button
<button
className={`subtab-btn ${(activeTab === FundAccountTabKeys.TransferList)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundAccountTabKeys.TransferList) }
> </button>
<button
onClick={ () => onClickToNavigation(FundAccountTabKeys.TransferList) }
>{t('additionalService.fundAccount.tabTransferRequest')}</button>
<button
className={`subtab-btn ${(activeTab === FundAccountTabKeys.ResultList)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundAccountTabKeys.ResultList) }
> </button>
onClick={ () => onClickToNavigation(FundAccountTabKeys.ResultList) }
>{t('additionalService.fundAccount.tabResultInquiry')}</button>
</div>
</>
);