From 43271e1a3555211fb958a7b39db508ae13461be2 Mon Sep 17 00:00:00 2001
From: dongyoungKo <ehddud3254@naver.com>
Date: Thu, 15 May 2025 14:58:30 +0900
Subject: [PATCH] =?UTF-8?q?[=ED=86=B5=ED=95=A9=EB=A1=9C=EA=B7=B8API=20No.6?=
 =?UTF-8?q?]=20second=20Deth=20Menu=20=EB=A1=9C=EA=B7=B8=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EC=88=98=EC=A7=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 com.twin.app.shoptime/src/actions/logActions.js |  2 +-
 .../src/components/TabLayout/TabItemSub.jsx     | 17 ++++++++++++++++-
 .../src/components/TabLayout/TabLayout.jsx      |  3 +++
 com.twin.app.shoptime/src/utils/Config.js       |  4 +++-
 4 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/com.twin.app.shoptime/src/actions/logActions.js b/com.twin.app.shoptime/src/actions/logActions.js
index b50f6c27..ac14740f 100644
--- a/com.twin.app.shoptime/src/actions/logActions.js
+++ b/com.twin.app.shoptime/src/actions/logActions.js
@@ -1599,7 +1599,7 @@ export const sendLogTotalRecommend = (params) => (dispatch, getState) => {
 
   const logCreateTime = new Date().toISOString();
 
-  // console.log("#params", params);
+  console.log("#params", params);
 
   const newParams = {
     ...params,
diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
index b13cd869..ceaeab96 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
@@ -8,6 +8,9 @@ import { Marquee, MarqueeController } from "@enact/sandstone/Marquee";
 import Spottable from "@enact/spotlight/Spottable";
 
 import css from "./TabItemSub.module.less";
+import { sendLogTotalRecommend } from "../../actions/logActions";
+import { LOG_CONTEXT_NAME, LOG_MESSAGE_ID } from "../../utils/Config";
+import { useDispatch } from "react-redux";
 
 const SpottableComponent = Spottable("div");
 
@@ -15,6 +18,7 @@ const TabItemBase = ({
   selected = false,
   expanded = false,
   index = 0,
+  mainMenuTitle,
   title,
   target,
   deActivateTab,
@@ -33,12 +37,14 @@ const TabItemBase = ({
   ...rest
 }) => {
   const [focused, setFocused] = useState(false);
-
+  const dispatch = useDispatch();
   const itemRef = useRef();
   const clearPressedJob = useRef(new Job((func) => func(), 0));
 
   const _onClick = useCallback(
     (ev) => {
+      const subtitle = title.split("-")[0];
+
       clearPressedJob.current.start(() => {
         if (itemId) {
           setSelectedSubItemId(itemId);
@@ -51,6 +57,15 @@ const TabItemBase = ({
         if (onClick) {
           onClick({ target, itemId });
         }
+
+        dispatch(
+          sendLogTotalRecommend({
+            contextName: LOG_CONTEXT_NAME.GNB,
+            messageId: LOG_MESSAGE_ID.GNB,
+            preButtonTitle: mainMenuTitle,
+            buttonTitle: patncNm ? patncNm : subtitle,
+          })
+        );
       });
     },
     [target, itemId, onClick, spotlightId, setSelectedSubItemId, setLastFocusId]
diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
index 0878e154..7f5b0235 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
@@ -877,6 +877,9 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
                         return (
                           <TabItemSub
                             {...item}
+                            mainMenuTitle={
+                              tabs && tabs[mainSelectedIndex]?.title
+                            }
                             key={"tabitemSubmenu" + index}
                             spotlightId={item.spotlightId}
                             setLastFocusId={setSubTabLastFocusId}
diff --git a/com.twin.app.shoptime/src/utils/Config.js b/com.twin.app.shoptime/src/utils/Config.js
index 1306133c..95df058a 100644
--- a/com.twin.app.shoptime/src/utils/Config.js
+++ b/com.twin.app.shoptime/src/utils/Config.js
@@ -589,6 +589,7 @@ export const LOG_CONTEXT_NAME = {
   YOUMAYLIKE: "shoptime.youmayalsolike",
   SHOW: "shoptime.show",
   SHOPBYMOBILE: "shoptime.shopbymobile",
+  GNB: "shoptime.gnb",
 };
 
 export const LOG_MESSAGE_ID = {
@@ -598,5 +599,6 @@ export const LOG_MESSAGE_ID = {
   CONTENTCLICK: "AL_PAGE_CONTENT_CLICK",
   SHOWVIEW: "AL_SHOW_VIEW_CHANGE",
   SHELF: "AL_SHELF_LIST_SHOWN",
-  SMB: "AL_SBM"
+  SMB: "AL_SBM",
+  GNB: "AL_GNB_CLICK",
 };