[에너지라벨]

- 피쳐드브랜드쪽 빠진부분을 위한 수정.

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBestSeller/FeaturedBestSellerList/FeaturedBestSellerList.jsx

@@ -1,28 +1,43 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { Job } from "@enact/core/util";
+import { Job } from '@enact/core/util';
-import Spotlight from "@enact/spotlight";
+import Spotlight from '@enact/spotlight';
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
 import {
   getContainerId,
   setContainerLastFocusedElement,
-} from "@enact/spotlight/src/container";
+} from '@enact/spotlight/src/container';
 
-import { pushPanel, updatePanel } from "../../../../actions/panelActions";
+import {
+  pushPanel,
+  updatePanel,
+} from '../../../../actions/panelActions';
 import TItemCard, {
   removeDotAndColon,
-} from "../../../../components/TItemCard/TItemCard";
+} from '../../../../components/TItemCard/TItemCard';
-import TVirtualGridList from "../../../../components/TVirtualGridList/TVirtualGridList";
+import TItemCardNew from '../../../../components/TItemCard/TItemCard.new';
-import useScrollTo from "../../../../hooks/useScrollTo";
+import TVirtualGridList
+  from '../../../../components/TVirtualGridList/TVirtualGridList';
+import useScrollTo from '../../../../hooks/useScrollTo';
 import {
   LOG_CONTEXT_NAME,
   LOG_MESSAGE_ID,
   panel_names,
-} from "../../../../utils/Config";
+} from '../../../../utils/Config';
-import { getTranslate3dValueByDirection } from "../../../../utils/helperMethods";
+import {
-import css from "./FeaturedBestSellerList.module.less";
+  getTranslate3dValueByDirection,
+} from '../../../../utils/helperMethods';
+import css from './FeaturedBestSellerList.module.less';
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -37,6 +52,7 @@ export default function FeaturedBestSellerList({
   shelfTitle,
   shelfLocation,
   shelfOrder,
+  euEnrgLblInfos,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -137,6 +153,7 @@ export default function FeaturedBestSellerList({
         patncNm,
         brndNm,
         lgCatNm,
+        euEnrgLblInfos,
       } = brandBestSellerInfo[index];
       const rankText =
         rankOrd === 1
@@ -148,7 +165,7 @@ export default function FeaturedBestSellerList({
           : rankOrd + "th,";
 
       return (
-        <TItemCard
+        <TItemCardNew
           catNm={lgCatNm}
           contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
           messageId={LOG_MESSAGE_ID.SHELF_CLICK}
@@ -172,6 +189,7 @@ export default function FeaturedBestSellerList({
           firstLabel={rankText}
           label={index * 1 + 1 + " of " + brandBestSellerInfo.length}
           lastLabel=" go to detail, button"
+          euEnrgLblInfos={euEnrgLblInfos}
           {...rest}
         />
       );

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryProductList/FeaturedCategoryProductList.jsx

@@ -1,28 +1,43 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { Job } from "@enact/core/util";
+import { Job } from '@enact/core/util';
-import Spotlight from "@enact/spotlight";
+import Spotlight from '@enact/spotlight';
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
 import {
   getContainerId,
   setContainerLastFocusedElement,
-} from "@enact/spotlight/src/container";
+} from '@enact/spotlight/src/container';
 
-import { pushPanel, updatePanel } from "../../../../../actions/panelActions";
+import {
+  pushPanel,
+  updatePanel,
+} from '../../../../../actions/panelActions';
 import TItemCard, {
   removeDotAndColon,
-} from "../../../../../components/TItemCard/TItemCard";
+} from '../../../../../components/TItemCard/TItemCard';
-import TVirtualGridList from "../../../../../components/TVirtualGridList/TVirtualGridList";
+import TItemCardNew from '../../../../../components/TItemCard/TItemCard.new';
-import useScrollTo from "../../../../../hooks/useScrollTo";
+import TVirtualGridList
+  from '../../../../../components/TVirtualGridList/TVirtualGridList';
+import useScrollTo from '../../../../../hooks/useScrollTo';
 import {
   LOG_CONTEXT_NAME,
   LOG_MESSAGE_ID,
   panel_names,
-} from "../../../../../utils/Config";
+} from '../../../../../utils/Config';
-import { getTranslate3dValueByDirection } from "../../../../../utils/helperMethods";
+import {
-import css from "./FeaturedCategoryProductList.module.less";
+  getTranslate3dValueByDirection,
+} from '../../../../../utils/helperMethods';
+import css from './FeaturedCategoryProductList.module.less';
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -162,10 +177,11 @@ export default function FeaturedCategoryProductList({
         prdtNm,
         priceInfo,
         expsOrd,
+        euEnrgLblInfos,
       } = brandCategoryProductDetailInfo[index];
 
       return (
-        <TItemCard
+        <TItemCardNew
           contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
           messageId={LOG_MESSAGE_ID.SHELF_CLICK}
           order={expsOrd}
@@ -190,6 +206,7 @@ export default function FeaturedCategoryProductList({
             brandCategoryProductDetailInfo.length
           }
           lastLabel=" go to detail, button"
+          euEnrgLblInfos={euEnrgLblInfos}
           {...rest}
         />
       );