From 0593f54d6ef8e3b34162c1e1e71d4191fc4a52bc Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Thu, 11 Dec 2025 16:59:31 +0900
Subject: [PATCH] [tabitemsub]
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 서브 카테고리 들어가면 icon이 이상하게 노출되는부분 관련하여 확인해보니 IconComponent가 돌아가고있음. 이부분 체크를 위해서 우선 주석처리.
---
 .../src/components/TabLayout/TabItemSub.jsx   | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
index 134453f7..d9f3022a 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx
@@ -1,16 +1,27 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 
 import classNames from 'classnames';
 import compose from 'ramda/src/compose';
+import { useDispatch } from 'react-redux';
 
 import { Job } from '@enact/core/util';
-import { Marquee, MarqueeController } from '@enact/sandstone/Marquee';
+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';
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+} from '../../utils/Config';
+import css from './TabItemSub.module.less';
 
 const SpottableComponent = Spottable('div');
 
@@ -122,11 +133,11 @@ const TabItemBase = ({
       <>
         {subtitle && (
           <div className={css.textWithIcon}>
-            {IconComponent && (
+            {/* {IconComponent && (
               <span className={css.iconWrapper}>
                 <IconComponent iconType={focused ? 'focused' : selected ? 'selected' : 'normal'} />
               </span>
-            )}
+            )} */}
             <Marquee
               marqueeDisabled={!focused}
               marqueeOn={'focus'}