From bac6ea3a2cc98984686a1f9cc4f945ace9d78e7a Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Mon, 17 Jun 2024 18:52:35 +0900
Subject: [PATCH] [FeaturedBrandsPanel] issue fix, SHOPTIME-1933

---
 .../images/icons/ic-creator-profile@3x.png    | Bin 0 -> 3796 bytes
 .../src/components/TButton/TButton.jsx        |  24 +++++++-----------
 .../FeaturedCreatorsNavItem.jsx               |  13 +++-------
 3 files changed, 13 insertions(+), 24 deletions(-)
 create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-creator-profile@3x.png

diff --git a/com.twin.app.shoptime/assets/images/icons/ic-creator-profile@3x.png b/com.twin.app.shoptime/assets/images/icons/ic-creator-profile@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..324acb8a925d41de2e01be9555e85cba38efe00f
GIT binary patch
literal 3796
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
KMNUMnLSTYYZA6~{

literal 0
HcmV?d00001

diff --git a/com.twin.app.shoptime/src/components/TButton/TButton.jsx b/com.twin.app.shoptime/src/components/TButton/TButton.jsx
index 40b7cbfe..f5bbf73e 100644
--- a/com.twin.app.shoptime/src/components/TButton/TButton.jsx
+++ b/com.twin.app.shoptime/src/components/TButton/TButton.jsx
@@ -1,21 +1,15 @@
-import React, {
-  useCallback,
-  useState,
-} from 'react';
+import React, { useCallback, useState } from "react";
 
-import classNames from 'classnames';
-import compose from 'ramda/src/compose';
+import classNames from "classnames";
+import compose from "ramda/src/compose";
 
-import Spottable from '@enact/spotlight/Spottable';
-import {
-  Marquee,
-  MarqueeController,
-} from '@enact/ui/Marquee';
+import Spottable from "@enact/spotlight/Spottable";
+import { Marquee, MarqueeController } from "@enact/ui/Marquee";
 
-import IcProfile from '../../../assets/images/icons/ic-profile@3x.png';
-import { $L } from '../../utils/helperMethods';
-import CustomImage from '../CustomImage/CustomImage';
-import css from './TButton.module.less';
+import IcProfile from "../../../assets/images/icons/ic-creator-profile@3x.png";
+import { $L } from "../../utils/helperMethods";
+import CustomImage from "../CustomImage/CustomImage";
+import css from "./TButton.module.less";
 
 const SIZES = {
   small: "small",
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreatorsNav/FeaturedCreatorsNavItem/FeaturedCreatorsNavItem.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreatorsNav/FeaturedCreatorsNavItem/FeaturedCreatorsNavItem.jsx
index 70114004..772f9423 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreatorsNav/FeaturedCreatorsNavItem/FeaturedCreatorsNavItem.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreatorsNav/FeaturedCreatorsNavItem/FeaturedCreatorsNavItem.jsx
@@ -4,10 +4,10 @@ import { useDispatch, useSelector } from "react-redux";
 
 import { updatePanel } from "../../../../../actions/panelActions";
 import TButton, { TYPES } from "../../../../../components/TButton/TButton";
+import useLogService from "../../../../../hooks/useLogService";
 import useScrollReset from "../../../../../hooks/useScrollReset";
 import { panel_names } from "../../../../../utils/Config";
 import css from "./FeaturedCreatorsNavItem.module.less";
-import useLogService from "../../../../../hooks/useLogService";
 
 export default function FeaturedCreatorsNavItem({
   brandCreatorsInfoItem,
@@ -95,12 +95,7 @@ export default function FeaturedCreatorsNavItem({
     if (cursorVisible) {
       return;
     }
-  }, [
-    cursorVisible,
-    handleItemFocus,
-    handleScrollReset,
-    itemIndex
-  ]);
+  }, [cursorVisible, handleItemFocus, handleScrollReset, itemIndex]);
 
   return (
     <li className={css.item}>
@@ -124,8 +119,8 @@ export default function FeaturedCreatorsNavItem({
             ? panelInfo.hstNm === hstNm
             : itemIndex === 0
         }
-        type={TYPES.withAvatar}
-        withAvatar
+        type={hostImgPath ? TYPES.withAvatar : TYPES.oneDepthCategory}
+        withAvatar={hostImgPath}
       >
         {hstNm}
       </TButton>