[에너지 라벨 관련 수정]

- 미노출 되던부분에 대한 수정.
This commit is contained in:
junghoon86.park
2025-11-19 20:53:29 +09:00
parent e3c94afe28
commit 6e78c02ed8
2 changed files with 65 additions and 39 deletions

View File

@@ -1,28 +1,40 @@
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 SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import { Job } from '@enact/core/util';
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 TItemCard from "../../../../components/TItemCard/TItemCard";
import TVirtualGridList from "../../../../components/TVirtualGridList/TVirtualGridList";
import useScrollTo from "../../../../hooks/useScrollTo";
import {
pushPanel,
updatePanel,
} from '../../../../actions/panelActions';
import TItemCardNew from '../../../../components/TItemCard/TItemCard.new';
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,
scaleW,
} from "../../../../utils/helperMethods";
import css from "./OnSaleProductList.module.less";
} from '../../../../utils/helperMethods';
import css from './OnSaleProductList.module.less';
const Container = SpotlightContainerDecorator(
{ leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -167,10 +179,11 @@ export default function OnSaleProductList({
offerInfo,
patncNm,
brndNm,
euEnrgLblInfos,
} = saleProductInfos[index];
return (
<TItemCard
<TItemCardNew
contextName={LOG_CONTEXT_NAME.ON_SALE}
messageId={LOG_MESSAGE_ID.SHELF_CLICK}
shelfLocation={shelfOrder}
@@ -192,6 +205,7 @@ export default function OnSaleProductList({
offerInfo={offerInfo}
label={index * 1 + 1 + " of " + saleProductInfos.length}
lastLabel=" go to detail, button"
euEnrgLblInfos={euEnrgLblInfos}
{...rest}
/>
);

View File

@@ -1,36 +1,47 @@
import React, { useCallback, useEffect, useRef } from "react";
import React, {
useCallback,
useEffect,
useRef,
} from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import Spotlight from "@enact/spotlight";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import { setContainerLastFocusedElement } from "@enact/spotlight/src/container";
import Spotlight from '@enact/spotlight';
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';
import { sendLogGNB, sendLogTotalRecommend } from "../../actions/logActions";
import { getTop20Show } from "../../actions/mainActions";
import { pushPanel, updatePanel } from "../../actions/panelActions";
import { finishVideoPreview } from "../../actions/playActions";
import { getBestSeller } from "../../actions/productActions";
import SectionTitle from "../../components/SectionTitle/SectionTitle";
import TBody from "../../components/TBody/TBody";
import TButton, { TYPES } from "../../components/TButton/TButton";
import TItemCard, {
removeDotAndColon,
} from "../../components/TItemCard/TItemCard";
import TPanel from "../../components/TPanel/TPanel";
import TVerticalPagenator from "../../components/TVerticalPagenator/TVerticalPagenator";
import useWhyDidYouUpdate from "../../hooks/useWhyDidYouUpdate";
import {
sendLogGNB,
sendLogTotalRecommend,
} from '../../actions/logActions';
import { getTop20Show } from '../../actions/mainActions';
import {
pushPanel,
updatePanel,
} from '../../actions/panelActions';
import { finishVideoPreview } from '../../actions/playActions';
import { getBestSeller } from '../../actions/productActions';
import SectionTitle from '../../components/SectionTitle/SectionTitle';
import TBody from '../../components/TBody/TBody';
import TButton, { TYPES } from '../../components/TButton/TButton';
import { removeDotAndColon } from '../../components/TItemCard/TItemCard';
import TItemCardNew from '../../components/TItemCard/TItemCard.new';
import TPanel from '../../components/TPanel/TPanel';
import TVerticalPagenator
from '../../components/TVerticalPagenator/TVerticalPagenator';
import useWhyDidYouUpdate from '../../hooks/useWhyDidYouUpdate';
import {
LOG_CONTEXT_NAME,
LOG_MENU,
LOG_MESSAGE_ID,
panel_names,
} from "../../utils/Config";
import { $L } from "../../utils/helperMethods";
import { SpotlightIds } from "../../utils/SpotlightIds";
import PopularShowIndicator from "./PopularShow/PopularShowIndicator";
import css from "./TrendingNowPanel.module.less";
} from '../../utils/Config';
import { $L } from '../../utils/helperMethods';
import { SpotlightIds } from '../../utils/SpotlightIds';
import PopularShowIndicator from './PopularShow/PopularShowIndicator';
import css from './TrendingNowPanel.module.less';
const Container = SpotlightContainerDecorator(
{ enterTo: "last-focused" },
@@ -347,7 +358,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
/>
<div className={css.itemList}>
{bestSeller.map((item, index) => (
<TItemCard
<TItemCardNew
contextName={LOG_CONTEXT_NAME.TRENDING_NOW}
messageId={LOG_MESSAGE_ID.SHELF_CLICK}
shelfLocation={2}
@@ -377,6 +388,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
"bestSeller-" +
removeDotAndColon(item.prdtId)
}
euEnrgLblInfos={item.euEnrgLblInfos}
/>
))}
</div>