nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply localization to account-holder-search pages

Browse Source 
- Replace hardcoded Korean text with i18n translation keys
- Update page titles, form labels, and button text
- Localize error messages and console logs
- Apply to list page, detail page, and request page
- Support dynamic language switching (ko/en)

🤖 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:09:40 +09:00
parent 255db14404
commit 25fe5f75c4
3 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/additional-service/account-holder-search/request-page.tsx
View File

@@ -13,14 +13,16 @@ import { ExtensionAccountHolderSearchRequestParams } from '@/entities/additional
import { useStore } from '@/shared/model/store';
import { NumericFormat } from 'react-number-format';
import { snackBar } from '@/shared/lib';
import { useTranslation } from 'react-i18next';
export const AccountHolderSearchRequestPage = () => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const userMid = useStore.getState().UserStore.mid;
const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids;
const bankList = useStore.getState().CommonStore.bankList
useSetHeaderTitle('계좌성명조회 신청');
useSetHeaderTitle(t('additionalService.services.accountHolderSearch') + ' ' + t('common.request'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
@@ -58,25 +60,25 @@ export const AccountHolderSearchRequestPage = () => {
accountNo: formData.accountNo
}
console.log("계좌성명 조회 조회신청 요청 파라미터 : ", reuqestParams);
console.log("Account holder search request params: ", reuqestParams);
accountHolderSearchRequest(reuqestParams)
.then((response) => {
if (response.status) {
console.log("계좌성명 조회 조회 신청 성공 응답: ", response.status)
snackBar("계좌성명 조회 신청을 성공하였습니다.")
console.log("Account holder search request success: ", response.status)
snackBar(t('common.requestSuccess'))
navigate(PATHS.additionalService.accountHolderSearch.list);
} else {
const errorMessage = response.error?.message || '계좌성명 조회 신청이 실패하였습니다.';
snackBar(`[실패] ${errorMessage}`);
const errorMessage = response.error?.message || t('common.requestFailed');
snackBar(`[${t('common.failed')}] ${errorMessage}`);
}
})
.catch((error) => {
console.error("계좌성명 조회 조회 신청 실패: ", error)
console.error("Account holder search request failed: ", error)
const errorMessage = error?.response?.data?.error?.message ||
error?.message ||
'계좌성명 조회 신청 중 오류가 발생했습니다.';
snackBar(`[실패] ${errorMessage}`);
t('common.errorOccurred');
snackBar(`[${t('common.failed')}] ${errorMessage}`);
})
};
@@ -96,7 +98,7 @@ export const AccountHolderSearchRequestPage = () => {
<div className="option-list">
<div className="billing-form gap-16">
<div className="billing-row">
<div className="billing-label">가맹점</div>
<div className="billing-label">{t('filter.merchant')}</div>
<div className="billing-field">
<select value={formData.mid} onChange={(e) => handleInputChange('mid', e.target.value)}>
{
@@ -112,10 +114,10 @@ export const AccountHolderSearchRequestPage = () => {
</div>
<div className="billing-row">
<div className="billing-label">은행</div>
<div className="billing-label">{t('transaction.fields.bank')}</div>
<div className="billing-field">
<select value={formData.bankCode} onChange={(e) => handleInputChange('bankCode', e.target.value)}>
<option value="">선택하세요</option>
<option value="">{t('common.pleaseSelect')}</option>
{
bankList
.filter((bank) => bank.code1 !== '****')
@@ -131,7 +133,7 @@ export const AccountHolderSearchRequestPage = () => {
</div>
<div className="billing-row">
<div className="billing-label">계좌번호</div>
<div className="billing-label">{t('transaction.fields.accountNo')}</div>
<div className="billing-field">
<NumericFormat
value={formData.accountNo}
@@ -155,7 +157,7 @@ export const AccountHolderSearchRequestPage = () => {
className="btn-50 btn-blue flex-1"
disabled={!isFormValid()}
onClick={() => onClickToRequest()}
>신청</button>
>{t('common.request')}</button>
</div>
</div>
</div>