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 bankList = useStore.getState().CommonStore.bankList;
const bankOptions = [ const bankOptions = [
{ name: '선택', value: '' }, { name: t('additionalService.accountHolderSearch.select'), value: '' },
...bankList ...bankList
.filter((bank) => bank.code1 !== '****') .filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: 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-container">
<div className="full-menu-header"> <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"> <div className="full-menu-actions">
<button <button
id="closeFullMenu" id="closeFullMenu"
@@ -88,7 +88,7 @@ export const AccountHolderSearchFilter = ({
> >
<img <img
src={IMAGE_ROOT + '/ico_close.svg'} src={IMAGE_ROOT + '/ico_close.svg'}
alt="닫기" alt={t('filter.close')}
onClick={() => onClickToClose()} onClick={() => onClickToClose()}
/> />
</button> </button>
@@ -97,13 +97,13 @@ export const AccountHolderSearchFilter = ({
<div className="option-list pt-16"> <div className="option-list pt-16">
<FilterSelectMid <FilterSelectMid
title='가맹점' title={t('filter.merchant')}
selectSetter={setFilterMid} selectSetter={setFilterMid}
showType={'GID'} showType={'GID'}
></FilterSelectMid> ></FilterSelectMid>
<FilterSelectInput <FilterSelectInput
title='예금주/계좌번호' title={t('additionalService.accountHolderSearch.accountHolderOrAccountNumber')}
selectValue={filterSearchType} selectValue={filterSearchType}
selectSetter={setFilterSearchType} selectSetter={setFilterSearchType}
selectOptions={getSearchTypeOption(t)} selectOptions={getSearchTypeOption(t)}
@@ -118,14 +118,14 @@ export const AccountHolderSearchFilter = ({
></FilterCalendar> ></FilterCalendar>
<FilterSelect <FilterSelect
title='은행' title={t('additionalService.accountHolderSearch.bank')}
selectValue={filterBank} selectValue={filterBank}
selectSetter={setFilterBank} selectSetter={setFilterBank}
selectOptions={bankOptions} selectOptions={bankOptions}
></FilterSelect> ></FilterSelect>
<FilterButtonGroups <FilterButtonGroups
title='조회결과' title={t('additionalService.accountHolderSearch.searchResult')}
activeValue={filterResultStatus} activeValue={filterResultStatus}
btnGroups={getResultStatusBtnGroup(t)} btnGroups={getResultStatusBtnGroup(t)}
setter={setFilterResultStatus} setter={setFilterResultStatus}
@@ -135,7 +135,7 @@ export const AccountHolderSearchFilter = ({
<button <button
className="btn-50 btn-blue flex-1" className="btn-50 btn-blue flex-1"
onClick={() => onClickToSetFilter()} onClick={() => onClickToSetFilter()}
></button> >{t('filter.apply')}</button>
</div> </div>
</div> </div>
</motion.div> </motion.div>

View File

@@ -578,7 +578,7 @@
"orderNumber": "Order No.", "orderNumber": "Order No.",
"tid": "TID", "tid": "TID",
"approval": "Approval", "approval": "Approval",
"approvalComplete": "Approval/Payment Complete", "approvalComplete": "Approved / Paid",
"cancel": "Cancel", "cancel": "Cancel",
"cancelShort": "Post-cancel", "cancelShort": "Post-cancel",
"totalCancel": "Pre-cancel / Cancel", "totalCancel": "Pre-cancel / Cancel",
@@ -839,7 +839,11 @@
}, },
"accountHolderSearch": { "accountHolderSearch": {
"accountHolder": "Account Holder", "accountHolder": "Account Holder",
"accountNumber": "Account Number" "accountNumber": "Account Number",
"accountHolderOrAccountNumber": "Account Holder/Account Number",
"searchResult": "Search Result",
"bank": "Bank",
"select": "Select"
}, },
"faceAuth": { "faceAuth": {
"authentication": "Authentication", "authentication": "Authentication",