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')}
-
- 지급상태
+ {t('additionalService.payout.disbursementStatus')}
{ detail?.disbursementStatus }
-
- 거래유형
+ {t('additionalService.payout.transactionType')}
{ detail?.transTypeName }
-
- 요청일
+ {t('common.requestDate')}
{ moment(detail?.requestDate).format('YYYY.MM.DD') }
-
- 지급일시
+ {t('additionalService.payout.disbursementDateTime')}
{moment(detail?.settlementDateTime,'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss')}
-
- 사업자번호
+ {t('additionalService.payout.businessNumber')}
{ detail?.companyNo }
-
- 예금주
+ {t('additionalService.payout.accountHolder')}
{ detail?.accountName }
-
- 은행
+ {t('additionalService.payout.bank')}
{ detail?.bankName }
-
- 계좌번호
+ {t('additionalService.payout.accountNumber')}
{ detail?.accountNo }
-
- 입금인자
+ {t('additionalService.payout.depositor')}
{ detail?.depositName }
-
- 실패사유
+ {t('additionalService.payout.failureReason')}
{ detail?.failReason }
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')}