From af76e562f236bff06a97a0ee87f579aa93e195c3 Mon Sep 17 00:00:00 2001
From: "hyunwoo93.cha" <hyunwoo93.cha@lgepartners.com>
Date: Tue, 28 May 2024 21:25:41 +0900
Subject: [PATCH] =?UTF-8?q?[LoadingPanel]=20=EB=A1=9C=EB=94=A9=EB=B0=94=20?=
 =?UTF-8?q?animation=EA=B9=8C=EC=A7=80=20=EC=82=AC=EB=9D=BC=EC=A7=84=20?=
 =?UTF-8?q?=EB=92=A4=EC=97=90=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20=EC=9D=B4?=
 =?UTF-8?q?=EB=B2=A4=ED=8A=B8=20=EB=90=98=EB=8F=84=EB=A1=9D=20=EB=A1=9C?=
 =?UTF-8?q?=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/LoadingPanel/LoadingPanel.jsx   | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx b/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
index 5904a3d9..127e7b41 100644
--- a/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
+++ b/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
@@ -45,6 +45,20 @@ export default function LoadingPanel({ showLoadingPanel, ...rest }) {
 
   const resumeSpotlightTimeoutRef = useRef(null);
 
+  useEffect(() => {
+    if (showLoadingPanel.show) {
+      const handleKeyDown = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      };
+
+      window.addEventListener("keydown", handleKeyDown, true);
+      return () => {
+        window.removeEventListener("keydown", handleKeyDown, true);
+      };
+    }
+  }, [showLoadingPanel]);
+
   useEffect(() => {
     return () => {
       if (minShowingTimeJob) minShowingTimeJob.stop();
@@ -61,6 +75,12 @@ export default function LoadingPanel({ showLoadingPanel, ...rest }) {
     }
   }, [readyToHide, showLoadingPanel]);
 
+  useEffect(() => {
+    if (!showingStatus.showing && !showingStatus.hiding) {
+      Spotlight.resume();
+    }
+  }, [showingStatus]);
+
   useEffect(() => {
     if (!showingStatus.showing) {
       if (showingStatus.hiding) {
@@ -88,7 +108,7 @@ export default function LoadingPanel({ showLoadingPanel, ...rest }) {
       resumeSpotlightTimeoutRef.current = setTimeout(() => {
         if (!showLoadingPanel.show && readyToHide && readyToAni) {
           dispatch(loadingComplete(true));
-          Spotlight.resume();
+          setShowingStatus({ showing: false, hiding: true });
         }
       }, HIDING_TIME);
     }