optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[에너지라벨]

Browse Source 
- 피쳐드브랜드쪽 빠진부분을 위한 수정.
This commit is contained in:
junghoon86.park
2025-11-18 14:30:02 +09:00
parent 1b764b34d5
commit e95e4b828f
2 changed files with 63 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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 Spotlight from "@enact/spotlight";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import { Job } from '@enact/core/util';
import Spotlight from '@enact/spotlight';
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";
import TVirtualGridList from "../../../../components/TVirtualGridList/TVirtualGridList";
import useScrollTo from "../../../../hooks/useScrollTo";
} from '../../../../components/TItemCard/TItemCard';
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";
import { getTranslate3dValueByDirection } from "../../../../utils/helperMethods";
import css from "./FeaturedBestSellerList.module.less";
} from '../../../../utils/Config';
import {
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}
/>
);

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

@@ -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 Spotlight from "@enact/spotlight";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import { Job } from '@enact/core/util';
import Spotlight from '@enact/spotlight';
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";
import TVirtualGridList from "../../../../../components/TVirtualGridList/TVirtualGridList";
import useScrollTo from "../../../../../hooks/useScrollTo";
} from '../../../../../components/TItemCard/TItemCard';
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";
import { getTranslate3dValueByDirection } from "../../../../../utils/helperMethods";
import css from "./FeaturedCategoryProductList.module.less";
} from '../../../../../utils/Config';
import {
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}
/>
);