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 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>
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user