From 07bb14944471ebbfe219e6d5627f7f67e5b814b3 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:12:18 +0900
Subject: [PATCH] Add i18n localization to home entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add translation keys to home namespace:
  - home.banner.doNotShowToday: Banner "don't show today" button
  - home.banner.close: Banner close button
  - home.biometricRegistration.*: Biometric registration dialog
  - home.notice.goTo: Notice item navigation label

- Localize 3 UI components:
  - ui/home-bottom-banner.tsx: Banner bottom sheet buttons
  - ui/home-notice-item.tsx: Notice item alt text
  - ui/auth-reguster.tsx: Biometric registration dialog

- All other home components already localized

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/home/ui/auth-reguster.tsx      | 32 ++++++++++++---------
 src/entities/home/ui/home-bottom-banner.tsx |  8 ++++--
 src/entities/home/ui/home-notice-item.tsx   |  6 ++--
 src/locales/en.json                         | 15 +++++++++-
 src/locales/ko.json                         | 15 +++++++++-
 5 files changed, 55 insertions(+), 21 deletions(-)

diff --git a/src/entities/home/ui/auth-reguster.tsx b/src/entities/home/ui/auth-reguster.tsx
index 9ff2ed8..d9db7f8 100644
--- a/src/entities/home/ui/auth-reguster.tsx
+++ b/src/entities/home/ui/auth-reguster.tsx
@@ -3,12 +3,14 @@ import { AuthRegisterProps } from '../model/types';
 import { motion } from 'framer-motion';
 import { useAppBridge } from '@/hooks/useAppBridge';
 import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from '@/entities/common/model/constant';
+import { useTranslation } from 'react-i18next';
 
 export const AuthRegister = ({
   setAuthRegisterOn,
   authRegisterOn,
 }: AuthRegisterProps) => {
   const { registerBiometric, closeBiometricRegistrationPopup } = useAppBridge();
+  const { t } = useTranslation();
 
   const onClickToClose = () => {
     closeBiometricRegistrationPopup();
@@ -33,14 +35,14 @@ export const AuthRegister = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>간편 인증 등록</h2>
-            <button 
-              className="close-btn" 
+            <h2>{t('home.biometricRegistration.title')}</h2>
+            <button
+              className="close-btn"
               type="button"
             >
-              <img 
+              <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt="닫기"
+                alt={t('common.close')}
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -49,22 +51,26 @@ export const AuthRegister = ({
         <div className="bottomsheet-content">
           <div className="text-section">
             <div>
-              간편 인증 등록 한번으로,<br/>
-              비밀번호 없이 편리하게 로그인하세요.
+              {t('home.biometricRegistration.description').split('\n').map((line, index) => (
+                <span key={index}>
+                  {line}
+                  {index === 0 && <br />}
+                </span>
+              ))}
             </div>
           </div>
         </div>
         <div className="bottomsheet-footer">
-          <button 
-            className="btn-50 btn-darkgray flex-1" 
+          <button
+            className="btn-50 btn-darkgray flex-1"
             type="button"
             onClick={ () => onClickToClose() }
-          >다음에</button>
-          <button 
-            className="btn-50 btn-blue flex-2" 
+          >{t('home.biometricRegistration.later')}</button>
+          <button
+            className="btn-50 btn-blue flex-2"
             type="button"
             onClick={ () => onClickToRegister() }
-          >지금 등록하기</button>
+          >{t('home.biometricRegistration.registerNow')}</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/home/ui/home-bottom-banner.tsx b/src/entities/home/ui/home-bottom-banner.tsx
index bf54b59..c01a53a 100644
--- a/src/entities/home/ui/home-bottom-banner.tsx
+++ b/src/entities/home/ui/home-bottom-banner.tsx
@@ -11,6 +11,7 @@ import { useEffect, useState } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import 'swiper/css';
 import { Autoplay, Pagination } from 'swiper/modules';
+import { useTranslation } from 'react-i18next';
 
 export const HomeBottomBanner = ({
   setBottomBannerOn,
@@ -18,7 +19,8 @@ export const HomeBottomBanner = ({
   bannerList
 }: HomeBottomBannerProps) => {
   const { navigate } = useNavigate();
-  
+  const { t } = useTranslation();
+
   const [isFirstOpen, setIsFirstOpen] = useState<boolean>(false);
   const [currentSlide, setCurrentSlide] = useState<number>(1);
 
@@ -109,8 +111,8 @@ export const HomeBottomBanner = ({
           </div>
         </div>
         <div className="bottom-btn">
-          <span onClick={ () => onClickToCloseDay() }>오늘 하루 보지 않기</span>
-          <span onClick={ () => onClickToClose() }>닫기</span>
+          <span onClick={ () => onClickToCloseDay() }>{t('home.banner.doNotShowToday')}</span>
+          <span onClick={ () => onClickToClose() }>{t('home.banner.close')}</span>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/home/ui/home-notice-item.tsx b/src/entities/home/ui/home-notice-item.tsx
index cd84e3a..0cbe040 100644
--- a/src/entities/home/ui/home-notice-item.tsx
+++ b/src/entities/home/ui/home-notice-item.tsx
@@ -34,9 +34,9 @@ export const HomeNoticeItem = ({
           <div className="notice-meta">{ t(`support.notice.categories.${informCl}`) }<span>{ moment(regDt).format('YY년 MM월 DD일') }</span></div>
         </div>
         <div className="notice-arrow">
-          <img 
-            src={ IMAGE_ROOT + '/Forward.svg' } 
-            alt="공지사항 바로가기" 
+          <img
+            src={ IMAGE_ROOT + '/Forward.svg' }
+            alt={t('home.notice.goTo')}
           />
         </div>
       </div>
diff --git a/src/locales/en.json b/src/locales/en.json
index 3a8b631..853b9a3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -325,7 +325,20 @@
         "topSalesDays": "Top Sales Days",
         "topSalesHours": "Top Sales Hours",
         "topPaymentMethods": "Top Payment Methods",
-        "noticesAndUpdates": "Notices & Updates"
+        "noticesAndUpdates": "Notices & Updates",
+        "banner": {
+            "doNotShowToday": "Don't show today",
+            "close": "Close"
+        },
+        "biometricRegistration": {
+            "title": "Biometric Authentication Setup",
+            "description": "Register biometric authentication once,\nand log in conveniently without a password.",
+            "later": "Later",
+            "registerNow": "Register Now"
+        },
+        "notice": {
+            "goTo": "Go to Notice"
+        }
     },
     "settlement": {
         "title": "Settlement",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 0e9ca23..e5a73d8 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -329,7 +329,20 @@
         "topSalesDays": "매출이 가장 높은 요일",
         "topSalesHours": "매출이 가장 높은 시간",
         "topPaymentMethods": "가장 많이쓰인 결제 수단",
-        "noticesAndUpdates": "공지 & 최신정보"
+        "noticesAndUpdates": "공지 & 최신정보",
+        "banner": {
+            "doNotShowToday": "오늘 하루 보지 않기",
+            "close": "닫기"
+        },
+        "biometricRegistration": {
+            "title": "간편 인증 등록",
+            "description": "간편 인증 등록 한번으로,\n비밀번호 없이 편리하게 로그인하세요.",
+            "later": "다음에",
+            "registerNow": "지금 등록하기"
+        },
+        "notice": {
+            "goTo": "공지사항 바로가기"
+        }
     },
     "settlement": {
         "title": "정산조회",