diff --git a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
index 9b9523c..614fe8f 100644
--- a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
+++ b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
@@ -1,5 +1,6 @@
import moment from 'moment';
import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
import { AdditionalServiceCategory, DetailInfoSectionKeys } from '../../model/types';
import { DetailInfoSectionProps } from '../../model/types';
@@ -8,6 +9,7 @@ export const TitleInfoWrap = ({
titleInfo,
onClickToShowInfo
}: DetailInfoSectionProps) => {
+ const { t, i18n } = useTranslation();
const onClickToSetShowInfo = () => {
if (!!onClickToShowInfo) {
@@ -49,7 +51,8 @@ export const TitleInfoWrap = ({
value={titleInfo?.amount}
thousandSeparator
displayType="text"
- suffix={'원'}
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
@@ -66,7 +69,8 @@ export const TitleInfoWrap = ({
value={titleInfo?.amount}
thousandSeparator
displayType="text"
- suffix={'원'}
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
diff --git a/src/entities/additional-service/ui/list-item.tsx b/src/entities/additional-service/ui/list-item.tsx
index ecaa9d6..85bf42b 100644
--- a/src/entities/additional-service/ui/list-item.tsx
+++ b/src/entities/additional-service/ui/list-item.tsx
@@ -1,4 +1,5 @@
import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { ListItemProps, AdditionalServiceCategory } from '../model/types';
@@ -36,6 +37,7 @@ export const ListItem = ({
onResendClick
}: ListItemProps) => {
const { navigate } = useNavigate();
+ const { t, i18n } = useTranslation();
const getItemClass = () => {
let rs = '';
if (paymentStatus === '') {
@@ -532,19 +534,19 @@ export const ListItem = ({
if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch) {
rs.push(
- {resultStatus === 'SUCCESS' ? '성공' : '실패'}
+ {resultStatus === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail')}
);
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
rs.push(
- {authResult === 'SUCCESS' ? '성공' : '실패'}
+ {authResult === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail')}
);
}
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
- const statusText = authStatus === 'REQUEST' ? '요청' : authStatus === 'SUCCESS' ? '성공' : '실패';
+ const statusText = authStatus === 'REQUEST' ? t('additionalService.common.request') : authStatus === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail');
const statusClass = authStatus === 'SUCCESS' || 'REQUEST' ? 'success' : 'fail';
rs.push(
@@ -559,7 +561,8 @@ export const ListItem = ({
value={amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
);
@@ -573,7 +576,8 @@ export const ListItem = ({
value={amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
);
@@ -588,7 +592,8 @@ export const ListItem = ({
value={amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
);
@@ -605,7 +610,8 @@ export const ListItem = ({
value={amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
);
@@ -620,7 +626,8 @@ export const ListItem = ({
value={amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
);
@@ -637,7 +644,7 @@ export const ListItem = ({
key="sms-payment-amount"
className={`status-label success`}
onClick={() => mid && onResendClick(mid, tid || '')}
- >{'재발송'}
+ >{t('additionalService.common.resend')}
)
}
return rs;
diff --git a/src/locales/en.json b/src/locales/en.json
index 6c01166..051a30e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -384,6 +384,68 @@
"escrowPayment": "Escrow Payment"
}
},
+ "additionalService": {
+ "title": "Additional Services",
+ "activeServices": "Active Services",
+ "availableServices": "Available Services",
+ "notActiveServiceMessage": "This service is not currently active.",
+ "contactSalesMessage": "Please contact your sales representative or customer service for inquiries.",
+ "common": {
+ "success": "Success",
+ "fail": "Fail",
+ "request": "Request",
+ "resend": "Resend"
+ },
+ "services": {
+ "sms": "SMS Payment Notification",
+ "smsDesc": "Automatic SMS sending from deposit request to completion",
+ "ars": "Credit Card ARS Payment",
+ "arsDesc": "Convenient and secure payment service with just one phone call",
+ "keyIn": "KEY-IN Payment",
+ "keyInDesc": "Simple payment support by entering card information during consultation",
+ "accountHolderSearch": "Account Holder Search",
+ "accountHolderSearchDesc": "Instant account holder verification with account holder information",
+ "payout": "Payout Service",
+ "payoutDesc": "Quick settlement payment service for sub-merchants",
+ "settlementAgency": "Settlement Agency",
+ "settlementAgencyDesc": "Automated settlement calculation and payment service for sub-merchants",
+ "linkPayment": "Link Payment",
+ "linkPaymentDesc": "Payment service available anywhere with just a payment link",
+ "fundAccount": "Fund Transfer",
+ "fundAccountDesc": "Instant transfer with deposits, multiple transfers with file registration",
+ "accountHolderAuth": "Account Holder Authentication",
+ "accountHolderAuthDesc": "Account ownership verification with 1 KRW transfer",
+ "alimtalk": "Alimtalk Payment Notification",
+ "alimtalkDesc": "Easy and fast payment status notifications via Alimtalk",
+ "faceAuth": "Face Authentication",
+ "faceAuthDesc": "Secure payment service with face recognition for easy identity verification"
+ },
+ "settlementAgency": {
+ "title": "Settlement Agency",
+ "depositConfirmation": "Deposit Confirmation",
+ "settlementInfo": "Settlement Information",
+ "settlementId": "Settlement ID",
+ "settlementDate": "Settlement Date",
+ "settlementStatus": "Settlement Status",
+ "totalTransactionAmount": "Total Transaction Amount",
+ "settlementAmount": "Settlement Amount",
+ "settlementStoreInfo": "Settlement Store Information",
+ "settlementStoreId": "Settlement Store ID",
+ "settlementStoreName": "Settlement Store Name",
+ "businessNumber": "Business Number",
+ "feeInfo": "Fee Information",
+ "taxStatus": "Tax Status",
+ "bank": "Bank",
+ "accountNumber": "Account Number",
+ "statusChangeHistory": "Status Change History",
+ "withdrawalFailed": "Withdrawal Failed",
+ "agreementCompleted": "Agreement Completed",
+ "agreementExpired": "Agreement Expired",
+ "reason": "Reason",
+ "accountError": "Payment Account Error",
+ "agreeOrReject": "Agree/Reject Settlement"
+ }
+ },
"merchant": {
"title": "Merchant Management",
"info": "Merchant Info",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 77a117c..61f37d7 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -388,6 +388,68 @@
"escrowPayment": "에스크로 결제"
}
},
+ "additionalService": {
+ "title": "부가서비스 소개",
+ "activeServices": "사용중인 서비스",
+ "availableServices": "신청 가능한 서비스",
+ "notActiveServiceMessage": "이용 중이지 않은 서비스입니다.",
+ "contactSalesMessage": "가입 문의는 영업 담당자 또는 고객센터로 문의해 주세요.",
+ "common": {
+ "success": "성공",
+ "fail": "실패",
+ "request": "요청",
+ "resend": "재발송"
+ },
+ "services": {
+ "sms": "SMS 결제 통보",
+ "smsDesc": "입금 요청부터 완료까지 SMS 자동 전송",
+ "ars": "신용카드 ARS 결제",
+ "arsDesc": "전화 한 통으로 결제 성공 편리하고 안전한 서비스",
+ "keyIn": "KEY-IN 결제",
+ "keyInDesc": "상담 중 카드정보 입력으로 간편한 결제 지원",
+ "accountHolderSearch": "계좌성명조회",
+ "accountHolderSearchDesc": "예금주 정보 입력으로 즉시 예금주 확인",
+ "payout": "지급대행",
+ "payoutDesc": "하위 가맹점에 빠른 정산금 지급 지급대행 서비스",
+ "settlementAgency": "정산대행",
+ "settlementAgencyDesc": "하위 가맹점 정산금 계산부터 지급까지 자동 해결 서비스",
+ "linkPayment": "링크 결제",
+ "linkPaymentDesc": "결제 링크 전송만으로 어디서든 결제 가능 서비스",
+ "fundAccount": "자금이체",
+ "fundAccountDesc": "예치금으로 즉시 송금, 파일 등록만으로 다중 송금 가능",
+ "accountHolderAuth": "계좌점유인증",
+ "accountHolderAuthDesc": "1원 송금으로 실제 계좌 점유 확인 여부",
+ "alimtalk": "알림톡 결제통보",
+ "alimtalkDesc": "결제 상태를 알림톡으로 쉽고 빠른 안내",
+ "faceAuth": "얼굴인증",
+ "faceAuthDesc": "얼굴 인식으로 간편 본인확인과 결제 가능한 안전 결제 서비스"
+ },
+ "settlementAgency": {
+ "title": "정산대행",
+ "depositConfirmation": "입금확인서",
+ "settlementInfo": "정산 정보",
+ "settlementId": "정산ID",
+ "settlementDate": "정산일",
+ "settlementStatus": "정산 상태",
+ "totalTransactionAmount": "총 거래금액",
+ "settlementAmount": "정산금액",
+ "settlementStoreInfo": "정산 매장 정보",
+ "settlementStoreId": "정산매장 ID",
+ "settlementStoreName": "정산매장 명",
+ "businessNumber": "사업자 번호",
+ "feeInfo": "수수료 정보",
+ "taxStatus": "과세 여부",
+ "bank": "은행",
+ "accountNumber": "계좌번호",
+ "statusChangeHistory": "상태 변경 이력",
+ "withdrawalFailed": "출금실패",
+ "agreementCompleted": "동의완료",
+ "agreementExpired": "동의기한 초과",
+ "reason": "사유",
+ "accountError": "지급 계좌오류",
+ "agreeOrReject": "정산 동의/거절"
+ }
+ },
"merchant": {
"title": "가맹점 관리",
"info": "가맹점 정보",
diff --git a/src/pages/additional-service/ars/detail-page.tsx b/src/pages/additional-service/ars/detail-page.tsx
index dd86ba3..9250468 100644
--- a/src/pages/additional-service/ars/detail-page.tsx
+++ b/src/pages/additional-service/ars/detail-page.tsx
@@ -1,7 +1,8 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useTranslation } from 'react-i18next';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -25,6 +26,7 @@ import { useExtensionArsResendMutation } from '@/entities/additional-service/api
import { getArsOrderStatusName, getArsPaymentStatusName } from '@/entities/additional-service/model/ars/constant';
export const ArsDetailPage = () => {
+ const { t, i18n } = useTranslation();
const { navigate } = useNavigate();
const location = useLocation();
@@ -85,10 +87,11 @@ export const ArsDetailPage = () => {
diff --git a/src/pages/additional-service/fund-account/result-detail-page.tsx b/src/pages/additional-service/fund-account/result-detail-page.tsx
index 2e1c9a9..0eb880d 100644
--- a/src/pages/additional-service/fund-account/result-detail-page.tsx
+++ b/src/pages/additional-service/fund-account/result-detail-page.tsx
@@ -1,5 +1,6 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useTranslation } from 'react-i18next';
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
@@ -22,6 +23,7 @@ import { useExtensionFundAccountDownloadReceiptMutation } from '@/entities/addit
import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
export const FundAccountResultDetailPage = () => {
+ const { t, i18n } = useTranslation();
const { navigate } = useNavigate();
const location = useLocation();
@@ -88,7 +90,8 @@ export const FundAccountResultDetailPage = () => {
value={detail?.amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
diff --git a/src/pages/additional-service/fund-account/transfer-detail-page.tsx b/src/pages/additional-service/fund-account/transfer-detail-page.tsx
index c6b243f..30534ab 100644
--- a/src/pages/additional-service/fund-account/transfer-detail-page.tsx
+++ b/src/pages/additional-service/fund-account/transfer-detail-page.tsx
@@ -1,5 +1,6 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useTranslation } from 'react-i18next';
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
@@ -18,6 +19,7 @@ import { snackBar } from '@/shared/lib';
import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
export const FundAccountTransferDetailPage = () => {
+ const { t, i18n } = useTranslation();
const { navigate } = useNavigate();
const location = useLocation();
@@ -81,7 +83,8 @@ export const FundAccountTransferDetailPage = () => {
value={detail?.amount}
thousandSeparator
displayType="text"
- suffix='원'
+ prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+ suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
>
diff --git a/src/pages/additional-service/list-page.tsx b/src/pages/additional-service/list-page.tsx
index ea46f98..65e9ee3 100644
--- a/src/pages/additional-service/list-page.tsx
+++ b/src/pages/additional-service/list-page.tsx
@@ -1,4 +1,5 @@
import { ChangeEvent, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { HeaderType } from '@/entities/common/model/types';
@@ -14,6 +15,7 @@ import { useStore } from '@/shared/model/store';
import { Dialog } from '@/shared/ui/dialogs/dialog';
export const ListPage = () => {
+ const { t } = useTranslation();
const { navigate } = useNavigate();
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const userMid = useStore.getState().UserStore.mid;
@@ -25,7 +27,7 @@ export const ListPage = () => {
const { mutateAsync: extensionList } = useExtensionListMutation();
- useSetHeaderTitle('부가서비스 소개');
+ useSetHeaderTitle(t('additionalService.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
@@ -115,9 +117,9 @@ export const ListPage = () => {
}
- 사용중인 서비스
+ {t('additionalService.activeServices')}
{getActiveExtensionList()}
- 신청 가능한 서비스
+ {t('additionalService.availableServices')}
{getAvailableExtensionList()}
@@ -128,11 +130,11 @@ export const ListPage = () => {
onClose={() => setDialogOpen(false)}
message={
<>
- 이용 중이지 않은 서비스입니다.
- 가입 문의는 영업 담당자 또는 고객센터로 문의해 주세요.
+ {t('additionalService.notActiveServiceMessage')}
+ {t('additionalService.contactSalesMessage')}
>
}
- buttonLabel={['확인']}
+ buttonLabel={[t('common.confirm')]}
onConfirmClick={() => setDialogOpen(false)}
afterLeave={() => { }}
/>
diff --git a/src/pages/additional-service/payout/detail-page.tsx b/src/pages/additional-service/payout/detail-page.tsx
index c6927ac..2a7b57e 100644
--- a/src/pages/additional-service/payout/detail-page.tsx
+++ b/src/pages/additional-service/payout/detail-page.tsx
@@ -1,7 +1,8 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useTranslation } from 'react-i18next';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -18,6 +19,7 @@ import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
import { DownloadTypeBottomSheet } from '@/entities/common/ui/download-type-bottom-sheet';
export const PayoutDetailPage = () => {
+ const { t, i18n } = useTranslation();
const { navigate } = useNavigate();
const location = useLocation();
@@ -107,10 +109,11 @@ export const PayoutDetailPage = () => {
diff --git a/src/pages/additional-service/settlement-agency/deposit-page.tsx b/src/pages/additional-service/settlement-agency/deposit-page.tsx
index 9099241..db39194 100644
--- a/src/pages/additional-service/settlement-agency/deposit-page.tsx
+++ b/src/pages/additional-service/settlement-agency/deposit-page.tsx
@@ -1,11 +1,12 @@
import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
+import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
import { SettlementAgencyDepositWrap } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-deposit-wrap';
import { SettlementAgencyTabKeys } from '@/entities/additional-service/model/types';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -13,11 +14,12 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
export const SettlementAgencyDepositPage = () => {
+ const { t } = useTranslation();
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState(SettlementAgencyTabKeys.Deposit);
- useSetHeaderTitle('정산대행');
+ useSetHeaderTitle(t('additionalService.settlementAgency.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
diff --git a/src/pages/additional-service/settlement-agency/detail-page.tsx b/src/pages/additional-service/settlement-agency/detail-page.tsx
index 1ce0f0a..3a841cf 100644
--- a/src/pages/additional-service/settlement-agency/detail-page.tsx
+++ b/src/pages/additional-service/settlement-agency/detail-page.tsx
@@ -1,10 +1,11 @@
import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { SettlementAgencyBottomAgree } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-bottom-agree';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -12,11 +13,12 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
export const SettlementAgencyDetailPage = () => {
+ const { t } = useTranslation();
const { navigate } = useNavigate();
const [bottomAgreeOn, setBottomAgreeOn] = useState(false);
- useSetHeaderTitle('정산대행');
+ useSetHeaderTitle(t('additionalService.settlementAgency.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
@@ -40,7 +42,7 @@ export const SettlementAgencyDetailPage = () => {
@@ -48,84 +50,84 @@ export const SettlementAgencyDetailPage = () => {
-
정산 정보
+
{t('additionalService.settlementAgency.settlementInfo')}
-
- 정산ID
+ {t('additionalService.settlementAgency.settlementId')}
AB25061012
-
- 정산일
+ {t('additionalService.settlementAgency.settlementDate')}
2025.06.08
-
- 정산 상태
+ {t('additionalService.settlementAgency.settlementStatus')}
동의완료
-
- 총 거래금액
+ {t('additionalService.settlementAgency.totalTransactionAmount')}
105,000,000 원
-
- 정산금액
+ {t('additionalService.settlementAgency.settlementAmount')}
100,000,000원
-
정산 매장 정보
+
{t('additionalService.settlementAgency.settlementStoreInfo')}
-
- 정산매장 ID
+ {t('additionalService.settlementAgency.settlementStoreId')}
BACK01
-
- 정산매장 명
+ {t('additionalService.settlementAgency.settlementStoreName')}
뺵다방3
-
- 사업자 번호
+ {t('additionalService.settlementAgency.businessNumber')}
123456789
-
- 수수료 정보
+ {t('additionalService.settlementAgency.feeInfo')}
3%, 반올림
-
- 과세 여부
+ {t('additionalService.settlementAgency.taxStatus')}
과세, 반올림
-
- 은행
+ {t('additionalService.settlementAgency.bank')}
기업
-
- 계좌번호
+ {t('additionalService.settlementAgency.accountNumber')}
110-12-12-11111
-
상태 변경 이력
+
{t('additionalService.settlementAgency.statusChangeHistory')}
-
출금실패
+
{t('additionalService.settlementAgency.withdrawalFailed')}
2025/04/15 10:00:00
-
사유 : 지급 계좌오류
+
{t('additionalService.settlementAgency.reason')} : {t('additionalService.settlementAgency.accountError')}
-
동의완료
+
{t('additionalService.settlementAgency.agreementCompleted')}
2025/04/10 10:00:00
@@ -134,7 +136,7 @@ export const SettlementAgencyDetailPage = () => {
-
동의기한 초과
+
{t('additionalService.settlementAgency.agreementExpired')}
2025/04/06 10:00:00
@@ -143,10 +145,10 @@ export const SettlementAgencyDetailPage = () => {
-
+ >{t('additionalService.settlementAgency.agreeOrReject')}
diff --git a/src/pages/additional-service/settlement-agency/manage-page.tsx b/src/pages/additional-service/settlement-agency/manage-page.tsx
index ff40ae0..fd9f5e7 100644
--- a/src/pages/additional-service/settlement-agency/manage-page.tsx
+++ b/src/pages/additional-service/settlement-agency/manage-page.tsx
@@ -1,11 +1,12 @@
import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
+import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
import { SettlementAgencyManageWrap } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-manage-wrap';
import { SettlementAgencyTabKeys } from '@/entities/additional-service/model/types';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -13,11 +14,12 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
export const SettlementAgencyManagePage = () => {
+ const { t } = useTranslation();
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState
(SettlementAgencyTabKeys.Manage);
- useSetHeaderTitle('정산대행');
+ useSetHeaderTitle(t('additionalService.settlementAgency.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {
diff --git a/src/pages/additional-service/settlement-agency/member-page.tsx b/src/pages/additional-service/settlement-agency/member-page.tsx
index 3536de6..2dd3480 100644
--- a/src/pages/additional-service/settlement-agency/member-page.tsx
+++ b/src/pages/additional-service/settlement-agency/member-page.tsx
@@ -1,11 +1,12 @@
import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
+import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-tab';
import { SettlementAgencyMemberWrap } from '@/entities/additional-service/ui/settlement-agency/settlement-agency-member-wrap';
import { SettlementAgencyTabKeys } from '@/entities/additional-service/model/types';
import { HeaderType } from '@/entities/common/model/types';
-import {
+import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode,
@@ -13,11 +14,12 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
export const SettlementAgencyMemberPage = () => {
+ const { t } = useTranslation();
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState(SettlementAgencyTabKeys.Member);
- useSetHeaderTitle('정산대행');
+ useSetHeaderTitle(t('additionalService.settlementAgency.title'));
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
useSetOnBack(() => {