From 8ee78fb7b21624cd146571c6230ccb7206a50901 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Mon, 3 Nov 2025 17:14:01 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=20=EA=B2=B0?=
 =?UTF-8?q?=EC=A0=9C=ED=86=B5=EB=B3=B4=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EB=8B=A4=EA=B5=AD=EC=96=B4=20=EC=A7=80=EC=9B=90=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

알림톡 목록 페이지에 대한 다국어 지원을 추가했습니다.

변경사항:
- 목록 페이지: 페이지 타이틀, 버튼 다국어화
- useTranslation 훅 추가

번역 키 추가:
- title: 알림톡 결제통보 / Alimtalk Payment Notification
- serviceSetting: 서비스 설정 / Service Settings

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/locales/en.json                                 |  4 +++-
 src/locales/ko.json                                 |  4 +++-
 src/pages/additional-service/alimtalk/list-page.tsx | 12 +++++++-----
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index f2a159d..484526b 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1055,6 +1055,7 @@
             "depositCertificate": "Deposit Certificate"
         },
         "alimtalk": {
+            "title": "Alimtalk Payment Notification",
             "buyer": "Buyer",
             "depositRequest": "Deposit Request",
             "depositComplete": "Deposit Complete",
@@ -1063,7 +1064,8 @@
             "orderOrTid": "Buyer, TID",
             "notificationCategory": "Notification Category",
             "sendType": "Send Type",
-            "sendCategory": "Send Category"
+            "sendCategory": "Send Category",
+            "serviceSetting": "Service Settings"
         },
         "payout": {
             "title": "Payout",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index d514b01..d569cb7 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -1055,6 +1055,7 @@
             "depositCertificate": "입금확인서"
         },
         "alimtalk": {
+            "title": "알림톡 결제통보",
             "buyer": "주문자",
             "depositRequest": "입금요청",
             "depositComplete": "입금완료",
@@ -1063,7 +1064,8 @@
             "orderOrTid": "주문자, TID",
             "notificationCategory": "알림구분",
             "sendType": "발송수단",
-            "sendCategory": "발송상태"
+            "sendCategory": "발송상태",
+            "serviceSetting": "서비스 설정"
         },
         "payout": {
             "title": "지급대행",
diff --git a/src/pages/additional-service/alimtalk/list-page.tsx b/src/pages/additional-service/alimtalk/list-page.tsx
index 74355df..9b0d68f 100644
--- a/src/pages/additional-service/alimtalk/list-page.tsx
+++ b/src/pages/additional-service/alimtalk/list-page.tsx
@@ -33,8 +33,10 @@ import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import { AlimtalkFilter } from '@/entities/additional-service/ui/filter/alimtalk-filter';
 import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 import useIntersectionObserver from '@/widgets/intersection-observer';
+import { useTranslation } from 'react-i18next';
 
 export const AlimtalkListPage = () => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
   const userMid = useStore.getState().UserStore.mid;
 
@@ -71,12 +73,12 @@ export const AlimtalkListPage = () => {
     });
   };
 
-  const { setTarget } = useIntersectionObserver({ 
-    threshold: 1, 
-    onIntersect 
+  const { setTarget } = useIntersectionObserver({
+    threshold: 1,
+    onIntersect
   });
 
-  useSetHeaderTitle('알림톡 결제통보');
+  useSetHeaderTitle(t('additionalService.alimtalk.title'));
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {
@@ -281,7 +283,7 @@ export const AlimtalkListPage = () => {
         <button
           className="btn-50 btn-blue flex-1"
           onClick={() => onClickToNavigate()}
-        >서비스 설정</button>
+        >{t('additionalService.alimtalk.serviceSetting')}</button>
       </div>
       <AlimtalkFilter
         filterOn={filterOn}