Localize payout pages (detail, list, request)

- Added payout-specific translation keys to en.json:
  - depositBalance, subId, disbursementAmount, requestFailed
- Added common translation keys: filter, download, searchOptions, failed, clear, currency.krw
- Localized detail-page.tsx:
  - Header title, button text, detail section title
  - All KV labels (disbursementStatus, transactionType, etc.)
  - Updated code comments from Korean to English
- Localized list-page.tsx:
  - Header title, aria-labels, alt texts
  - Deposit balance label and currency unit
  - Request button text
- Localized request-page.tsx:
  - Header title, form labels, placeholder text
  - Success/error messages in snackBar calls
  - Added useTranslation hook import

🤖 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 13:06:28 +09:00
parent 52717206db
commit c2e8da956a
4 changed files with 67 additions and 36 deletions

View File

@@ -34,7 +34,7 @@ import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access
import useIntersectionObserver from '@/widgets/intersection-observer';
export const PayoutListPage = () => {
// 권한 체크
// Access check
const { hasAccess, AccessDeniedDialog } = useExtensionAccessCheck({
extensionCode: 'PAYOUT'
});
@@ -74,7 +74,7 @@ export const PayoutListPage = () => {
onIntersect
});
useSetHeaderTitle('지급대행');
useSetHeaderTitle(t('additionalService.payout.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
@@ -244,32 +244,32 @@ export const PayoutListPage = () => {
/>
<button
className="filter-btn"
aria-label="필터"
aria-label={t('common.filter')}
onClick={() => onClickToOpenFilter()}
>
<img
src={IMAGE_ROOT + '/ico_setting.svg'}
alt="검색옵션"
alt={t('common.searchOptions')}
/>
</button>
</div>
<button
className="download-btn"
aria-label="다운로드"
aria-label={t('common.download')}
onClick={() => onClickToOpenEmailBottomSheet()}
>
<img
src={IMAGE_ROOT + '/ico_download.svg'}
alt="다운로드"
alt={t('common.download')}
/>
</button>
</div>
<div className="account-frame">
<div className="credit-summary">
<div className="row">
<span className="label"> </span>
<span className="label">{t('additionalService.payout.depositBalance')}</span>
<span className="amount22">
50,000,000<span className="unit"></span>
50,000,000<span className="unit">{t('common.currency.krw')}</span>
</span>
</div>
</div>
@@ -303,7 +303,7 @@ export const PayoutListPage = () => {
<button
className="btn-50 btn-blue flex-1"
onClick={() => onClickToNavigation()}
> </button>
>{t('additionalService.payout.requestTitle')}</button>
</div>
</div>
</div>