[251121] fix: ShopByMobile Popup 2개뜨는 현상 수정

🕐 커밋 시간: 2025. 11. 21. 10:22:44

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

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.module.less
  ~ com.twin.app.shoptime/src/views/HomePanel/EventPopUpBanner/EventPopUpBanner.jsx

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선

com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.module.less

@@ -45,6 +45,8 @@
 }
 
 .container {
+  z-index: 500;
+
   .container__header {
     position: relative;
     &::after {

com.twin.app.shoptime/src/views/HomePanel/EventPopUpBanner/EventPopUpBanner.jsx

@@ -39,6 +39,9 @@ export default function EventPopUpBanner() {
     return playerPanel?.panelInfo;
   });
 
+  const panels = useSelector((state) => state.panels.panels);
+  const isHomePanelOnTop = panels?.[panels.length - 1]?.name === panel_names.HOME_PANEL;
+
   const timerRef = useRef();
   const shopByMobileLogRef = useRef(null);
   const defaultFocus = useSelector((state) => state.home.defaultFocus);
@@ -309,7 +312,7 @@ export default function EventPopUpBanner() {
           )}
         </TPopUp>
       )}
-      {eventPopData && activePopup === ACTIVE_POPUP.smsPopup && (
+      {eventPopData && activePopup === ACTIVE_POPUP.smsPopup && isHomePanelOnTop && (
         <MobileSendPopUp
           open={popupVisible}
           onClose={onClose}