[FeaturedBrandsPanel] issue fix, SHOPTIME-1933

com.twin.app.shoptime/src/components/TButton/TButton.jsx

@@ -1,21 +1,15 @@
-import React, {
+import React, { useCallback, useState } from "react";
-  useCallback,
-  useState,
-} from 'react';
 
-import classNames from 'classnames';
+import classNames from "classnames";
-import compose from 'ramda/src/compose';
+import compose from "ramda/src/compose";
 
-import Spottable from '@enact/spotlight/Spottable';
+import Spottable from "@enact/spotlight/Spottable";
-import {
+import { Marquee, MarqueeController } from "@enact/ui/Marquee";
-  Marquee,
-  MarqueeController,
-} from '@enact/ui/Marquee';
 
-import IcProfile from '../../../assets/images/icons/ic-profile@3x.png';
+import IcProfile from "../../../assets/images/icons/ic-creator-profile@3x.png";
-import { $L } from '../../utils/helperMethods';
+import { $L } from "../../utils/helperMethods";
-import CustomImage from '../CustomImage/CustomImage';
+import CustomImage from "../CustomImage/CustomImage";
-import css from './TButton.module.less';
+import css from "./TButton.module.less";
 
 const SIZES = {
   small: "small",

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}
+        type={hostImgPath ? TYPES.withAvatar : TYPES.oneDepthCategory}
-        withAvatar
+        withAvatar={hostImgPath}
       >
         {hstNm}
       </TButton>