Apply localization to account-holder-search filter component
Replace all hardcoded Korean text with dynamic translation keys in the account-holder-search filter component for internationalization support. Changes: - Add translation keys for filter labels (select, bank, search result) - Replace filter title, close button, merchant, and apply button text - Update bank select options and form field labels with i18n keys 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -43,7 +43,7 @@ export const AccountHolderSearchFilter = ({
|
||||
|
||||
const bankList = useStore.getState().CommonStore.bankList;
|
||||
const bankOptions = [
|
||||
{ name: '선택', value: '' },
|
||||
{ name: t('additionalService.accountHolderSearch.select'), value: '' },
|
||||
...bankList
|
||||
.filter((bank) => bank.code1 !== '****')
|
||||
.map((bank) => ({ name: bank.desc1, value: bank.code1 }))
|
||||
@@ -80,7 +80,7 @@ export const AccountHolderSearchFilter = ({
|
||||
>
|
||||
<div className="full-menu-container">
|
||||
<div className="full-menu-header">
|
||||
<div className="full-menu-title center">필터</div>
|
||||
<div className="full-menu-title center">{t('filter.filter')}</div>
|
||||
<div className="full-menu-actions">
|
||||
<button
|
||||
id="closeFullMenu"
|
||||
@@ -88,7 +88,7 @@ export const AccountHolderSearchFilter = ({
|
||||
>
|
||||
<img
|
||||
src={IMAGE_ROOT + '/ico_close.svg'}
|
||||
alt="닫기"
|
||||
alt={t('filter.close')}
|
||||
onClick={() => onClickToClose()}
|
||||
/>
|
||||
</button>
|
||||
@@ -97,13 +97,13 @@ export const AccountHolderSearchFilter = ({
|
||||
|
||||
<div className="option-list pt-16">
|
||||
<FilterSelectMid
|
||||
title='가맹점'
|
||||
title={t('filter.merchant')}
|
||||
selectSetter={setFilterMid}
|
||||
showType={'GID'}
|
||||
></FilterSelectMid>
|
||||
|
||||
<FilterSelectInput
|
||||
title='예금주/계좌번호'
|
||||
title={t('additionalService.accountHolderSearch.accountHolderOrAccountNumber')}
|
||||
selectValue={filterSearchType}
|
||||
selectSetter={setFilterSearchType}
|
||||
selectOptions={getSearchTypeOption(t)}
|
||||
@@ -118,14 +118,14 @@ export const AccountHolderSearchFilter = ({
|
||||
></FilterCalendar>
|
||||
|
||||
<FilterSelect
|
||||
title='은행'
|
||||
title={t('additionalService.accountHolderSearch.bank')}
|
||||
selectValue={filterBank}
|
||||
selectSetter={setFilterBank}
|
||||
selectOptions={bankOptions}
|
||||
></FilterSelect>
|
||||
|
||||
<FilterButtonGroups
|
||||
title='조회결과'
|
||||
title={t('additionalService.accountHolderSearch.searchResult')}
|
||||
activeValue={filterResultStatus}
|
||||
btnGroups={getResultStatusBtnGroup(t)}
|
||||
setter={setFilterResultStatus}
|
||||
@@ -135,7 +135,7 @@ export const AccountHolderSearchFilter = ({
|
||||
<button
|
||||
className="btn-50 btn-blue flex-1"
|
||||
onClick={() => onClickToSetFilter()}
|
||||
>적용</button>
|
||||
>{t('filter.apply')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
@@ -578,7 +578,7 @@
|
||||
"orderNumber": "Order No.",
|
||||
"tid": "TID",
|
||||
"approval": "Approval",
|
||||
"approvalComplete": "Approval/Payment Complete",
|
||||
"approvalComplete": "Approved / Paid",
|
||||
"cancel": "Cancel",
|
||||
"cancelShort": "Post-cancel",
|
||||
"totalCancel": "Pre-cancel / Cancel",
|
||||
@@ -839,7 +839,11 @@
|
||||
},
|
||||
"accountHolderSearch": {
|
||||
"accountHolder": "Account Holder",
|
||||
"accountNumber": "Account Number"
|
||||
"accountNumber": "Account Number",
|
||||
"accountHolderOrAccountNumber": "Account Holder/Account Number",
|
||||
"searchResult": "Search Result",
|
||||
"bank": "Bank",
|
||||
"select": "Select"
|
||||
},
|
||||
"faceAuth": {
|
||||
"authentication": "Authentication",
|
||||
|
||||
Reference in New Issue
Block a user