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:
Jay Sheen
2025-10-31 11:22:24 +09:00
parent 90c55d25ac
commit 75e864c388
2 changed files with 14 additions and 10 deletions

View File

@@ -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>

View File

@@ -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",