From a3fe60ca70c40813ae7d4971b1871dd08424bf39 Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Thu, 11 Dec 2025 17:08:47 +0900
Subject: [PATCH] =?UTF-8?q?[251211]=20fix:=20IntroPanel.new.jsx=20?=
 =?UTF-8?q?=ED=8F=AC=EC=BB=A4=EC=8A=A4=20=EC=A1=B0=EC=A0=95-2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 12. 11. 17:08:47

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +8줄
  • 삭제: -13줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx

🔧 주요 변경 내용:
  • 코드 정리 및 최적화

Performance: 코드 최적화로 성능 개선 기대
---
 .../src/views/IntroPanel/IntroPanel.new.jsx   | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx
index 1d68f94b..7e212528 100644
--- a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx
+++ b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx
@@ -53,7 +53,7 @@ import { types } from "../../actions/actionTypes";
 import { focusById } from "../../utils/spotlight-utils";
 
 const Container = SpotlightContainerDecorator(
-  { enterTo: "last-focused" },
+  { enterTo: "#selectAllCheckbox" },
   "div",
 );
 
@@ -845,26 +845,21 @@ function IntroPanelWithOptional({
   //20250903 pjh
   //selectAll에서 포커스 올렸을때 처리 변경.
   const onSelectAllSpotlightUp = () => {
-    const focusTimer = setTimeout(() => {
-      Spotlight.focus("optionalCheckbox");
+    setTimeout(() => {
+      focusById("optionalCheckbox");
     }, 10);
-    return () => {
-      clearTimeout(focusTimer);
-    };
+    // focusById("optionalCheckbox");
   };
 
   //Optional terms 체크박스가 체크가 되어있을때 아래로 내리면(3개전부 체크기준) agree로 가고, 아닐경우 select all로 포커스이동해야함.
   const onOptionalTermSpotlightDown = () => {
-    const focusTimer = setTimeout(() => {
+    setTimeout(() => {
       if (termsChecked && privacyChecked && optionalChecked) {
-        Spotlight.focus("agreeButton");
+        focusById("agreeButton");
       } else {
-        Spotlight.focus("selectAllCheckbox");
+        focusById("selectAllCheckbox");
       }
     }, 10);
-    return () => {
-      clearTimeout(focusTimer);
-    };
   };
 
   // useEffect(() => {
@@ -905,7 +900,7 @@ function IntroPanelWithOptional({
         handleCancel={onCancel}
         spotlightId={spotlightId}
       >
-        <Container  className={css.introLayout} defaultElement="selectAllCheckbox" {...rest}>
+        <Container  className={css.introLayout} defaultElement="#selectAllCheckbox" {...rest}>
           {/* 첫 번째 영역: 헤더 섹션 */}
           <div className={css.headerSection}>
             <div className={css.titleContainer}>