diff --git a/src/locales/en.json b/src/locales/en.json index 63c6a52..08e56c3 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -35,7 +35,16 @@ "image": "Image", "request": "Request", "imageRequested": "Image has been requested.", - "selectDownloadMethod": "Select Download Method" + "selectDownloadMethod": "Select Download Method", + "filter": "Filter", + "download": "Download", + "searchOptions": "Search Options", + "requestDate": "Request Date", + "failed": "Failed", + "clear": "Clear", + "currency": { + "krw": "KRW" + } }, "menu": { "home": "Home", @@ -964,9 +973,29 @@ "sendCategory": "Send Category" }, "payout": { + "title": "Payout", + "detailTitle": "Payout Detail", + "requestTitle": "Payout Request", "requestDate": "Request Date", "disbursementDate": "Disbursement Date", - "paymentStatus": "Payment Status" + "paymentStatus": "Payment Status", + "depositCertificate": "Deposit Certificate", + "detailInfo": "Detail Information", + "disbursementStatus": "Disbursement Status", + "transactionType": "Transaction Type", + "disbursementDateTime": "Disbursement Date Time", + "businessNumber": "Business Number", + "accountHolder": "Account Holder", + "bank": "Bank", + "accountNumber": "Account Number", + "depositor": "Depositor", + "failureReason": "Failure Reason", + "requestSuccess": "Request submitted successfully.", + "dateSelectPlaceholder": "Select Date", + "depositBalance": "Deposit Balance", + "subId": "Sub ID", + "disbursementAmount": "Disbursement Amount", + "requestFailed": "Request failed." }, "keyIn": { "fullCancel": "Full Cancel", diff --git a/src/pages/additional-service/payout/detail-page.tsx b/src/pages/additional-service/payout/detail-page.tsx index 2083760..795424a 100644 --- a/src/pages/additional-service/payout/detail-page.tsx +++ b/src/pages/additional-service/payout/detail-page.tsx @@ -44,7 +44,7 @@ export const PayoutDetailPage = () => { }); }; - useSetHeaderTitle('지급대행 상세'); + useSetHeaderTitle(t('additionalService.payout.detailTitle')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); useSetOnBack(() => { @@ -57,7 +57,7 @@ export const PayoutDetailPage = () => { const onSelectDownloadType = (type: 'IMAGE' | 'EMAIL') => { if (type === 'IMAGE') { - // 이미지 저장은 바로 실행 + // Save image directly const params: ExtensionPayoutDetailDownloadCertificateParams = { mid: mid, tid: tid, @@ -72,7 +72,7 @@ export const PayoutDetailPage = () => { console.error('Certificate Download Failed:', error); }); } else { - // 이메일은 EmailBottomSheet 열기 + // Open EmailBottomSheet for email option setEmailBottomSheetOn(true); } }; @@ -120,52 +120,52 @@ export const PayoutDetailPage = () => { onClick={ onClickToDownload } > - 입출금 확인증 + {t('additionalService.payout.depositCertificate')}
-
상세 정보
+
{t('additionalService.payout.detailInfo')}
diff --git a/src/pages/additional-service/payout/list-page.tsx b/src/pages/additional-service/payout/list-page.tsx index ac6a43a..406f0c9 100644 --- a/src/pages/additional-service/payout/list-page.tsx +++ b/src/pages/additional-service/payout/list-page.tsx @@ -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 = () => { />
- 예치금 잔액 + {t('additionalService.payout.depositBalance')} - 50,000,000 + 50,000,000{t('common.currency.krw')}
@@ -303,7 +303,7 @@ export const PayoutListPage = () => { + >{t('additionalService.payout.requestTitle')}
diff --git a/src/pages/additional-service/payout/request-page.tsx b/src/pages/additional-service/payout/request-page.tsx index 6902423..486a385 100644 --- a/src/pages/additional-service/payout/request-page.tsx +++ b/src/pages/additional-service/payout/request-page.tsx @@ -16,8 +16,10 @@ import { useStore } from "@/shared/model/store"; import moment from 'moment'; import { NumericFormat } from "react-number-format"; import { snackBar } from "@/shared/lib"; +import { useTranslation } from 'react-i18next'; export const PayoutRequestPage = () => { + const { t } = useTranslation(); const { navigate } = useNavigate(); const userMid = useStore.getState().UserStore.mid; @@ -29,7 +31,7 @@ export const PayoutRequestPage = () => { const { mutateAsync: extensionPayoutRequest } = useExtensionPayoutRequestMutation(); - useSetHeaderTitle('지급대행 신청'); + useSetHeaderTitle(t('additionalService.payout.requestTitle')); useSetHeaderType(HeaderType.RightClose); useSetFooterMode(false); useSetOnBack(() => { @@ -46,13 +48,13 @@ export const PayoutRequestPage = () => { extensionPayoutRequest(params) .then((rs) => { if (rs.status) { - snackBar("신청을 성공하였습니다.") + snackBar(t('additionalService.payout.requestSuccess')) } else { - snackBar(`[실패] ${rs.error?.message}`) + snackBar(`[${t('common.failed')}] ${rs.error?.message}`) } }) .catch((error) => { - snackBar(`[실패] ${error?.response?.data?.message} ` || '[실패] 신청을 실패하였습니다.') + snackBar(`[${t('common.failed')}] ${error?.response?.data?.message} ` || `[${t('common.failed')}] ${t('additionalService.payout.requestFailed')}`) }) ; }; @@ -79,7 +81,7 @@ export const PayoutRequestPage = () => {
-
서브ID
+
{t('additionalService.payout.subId')}
{
-
지급액
+
{t('additionalService.payout.disbursementAmount')}
{
-
지급일
+
{t('additionalService.payout.disbursementDate')}
@@ -135,7 +137,7 @@ export const PayoutRequestPage = () => { className="btn-50 btn-blue flex-1" onClick={callExtensionPayoutRequest} disabled={!isFormValid()} - >신청 + >{t('common.request')}