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:
@@ -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>
|
||||
</>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user