[DetailPanel] TabContainer title background color 변경

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContaienr.jsx

@@ -4,6 +4,7 @@ import Spotlight from "@enact/spotlight";
 import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
 
 import TButtonTab, {
+  COLOR_TYPE,
   LIST_TYPE,
 } from "../../../components/TButtonTab/TButtonTab";
 import { $L } from "../../../utils/helperMethods";
@@ -64,6 +65,7 @@ export default function TabContainer({
       <TButtonTab
         contents={tabList}
         className={css.tTab}
+        colorType={COLOR_TYPE.gray}
         onItemClick={handleItemClick}
         selectedIndex={tab}
         listType={LIST_TYPE.small}

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/ShopNowContents.jsx

@@ -29,7 +29,6 @@ export default function ShopNowContents({
 }) {
   const dispatch = useDispatch();
   const [height, setHeight] = useState();
-  const [shopNowIndex, setShopNowIndex] = useState(null);
   const gridStyle = useMemo(() => ({ height: `${height}px` }), [height]);
 
   useEffect(() => {
@@ -40,16 +39,6 @@ export default function ShopNowContents({
     }
   }, [shopNowInfo]);
 
-  useEffect(() => {
-    if (shopNowInfo && panelInfo && panelInfo.prdtId) {
-      for (let i = 0; i < shopNowInfo.length; i++) {
-        if (shopNowInfo[i].prdtId === panelInfo.prdtId) {
-          setShopNowIndex(i);
-        }
-      }
-    }
-  }, [panelInfo, shopNowInfo]);
-
   const renderItem = useCallback(
     ({ index, ...rest }) => {
       const {