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(() => {