From 75e864c3884da0db643f49c9216b1ef84355d9c4 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Fri, 31 Oct 2025 11:22:24 +0900
Subject: [PATCH] Apply localization to account-holder-search filter component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 .../filter/account-holder-search-filter.tsx      | 16 ++++++++--------
 src/locales/en.json                              |  8 ++++++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx b/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
index 0a940e6..f6350b1 100644
--- a/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
+++ b/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
@@ -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>
diff --git a/src/locales/en.json b/src/locales/en.json
index bd0284a..5063039 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -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",