diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/Series.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/Series.jsx index 7ff6e391..cd78473b 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/Series.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/Series.jsx @@ -26,6 +26,7 @@ const Series = ({ handleItemFocus, order, shelfOrder, + shelfTitle, spotlightId, selectedPatncNm, selectedPatnrId, @@ -117,6 +118,9 @@ const Series = ({ seriesImgUrl={seriesImgUrl} seriesNm={seriesNm} spotlightId={spotlightId} + shelfOrder={shelfOrder} + shelfTitle={shelfTitle} + selectedPatncNm={selectedPatncNm} /> ) )} diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx index 29a60b81..ee9bbcbe 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx @@ -21,9 +21,12 @@ const SeriesContents = ({ isCarousel = false, patnrId, selectedPatnrId, + selectedPatnrNm, selectedSeriesId, seriesImgUrl, seriesNm, + shelfOrder, + shelfTitle, spotlightId, }) => { const rankOrd = contentsIndex * 1 + 1; @@ -64,9 +67,13 @@ const SeriesContents = ({ contentsIndex={contentsIndex} handleFocus={handleFocus} patnrId={patnrId} + selectedPatnrNm={selectedPatnrNm} selectedSeriesId={selectedSeriesId} selectedPatnrId={selectedPatnrId} seriesNm={seriesNm} + shelfOrder={shelfOrder} + shelfTitle={shelfTitle} + spotlightId={spotlightId} /> ) : ( @@ -77,6 +84,9 @@ const SeriesContents = ({ seriesImgUrl={seriesImgUrl} seriesNm={seriesNm} spotlightId={spotlightId} + shelfOrder={shelfOrder} + shelfTitle={shelfTitle} + selectedPatnrNm={selectedPatnrNm} /> )} diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductGrid/SeriesProductGrid.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductGrid/SeriesProductGrid.jsx index af8a64ab..01e807cc 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductGrid/SeriesProductGrid.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductGrid/SeriesProductGrid.jsx @@ -6,7 +6,11 @@ import Spotlight from "@enact/spotlight"; import { pushPanel, updatePanel } from "../../../../../actions/panelActions"; import TItemCard from "../../../../../components/TItemCard/TItemCard"; -import { panel_names } from "../../../../../utils/Config"; +import { + LOG_CONTEXT_NAME, + LOG_MESSAGE_ID, + panel_names, +} from "../../../../../utils/Config"; import SeriesImageCard from "../SeriesImageCard/SeriesImageCard"; import css from "./SeriesProductGrid.module.less"; @@ -17,6 +21,9 @@ const SeriesProductGrid = ({ seriesImgUrl, seriesNm, spotlightId, + shelfOrder, + shelfTitle, + selectedPatnrNm, }) => { const dispatch = useDispatch(); @@ -65,11 +72,29 @@ const SeriesProductGrid = ({ {brandSeriesProductInfo.map( ( - { offerInfo, prdtId, prdtImgUrl, prdtNm, priceInfo, soldoutFlag }, + { + offerInfo, + prdtId, + prdtImgUrl, + prdtNm, + priceInfo, + soldoutFlag, + catNm, + brndNm, + }, itemIndex ) => (
  • = 3} imageAlt={prdtNm} imageSource={prdtImgUrl} diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductList/SeriesProductList.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductList/SeriesProductList.jsx index 8c9f9b27..dac21fa6 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductList/SeriesProductList.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesProductList/SeriesProductList.jsx @@ -11,7 +11,11 @@ import TItemCard, { } from "../../../../../components/TItemCard/TItemCard"; import TVirtualGridList from "../../../../../components/TVirtualGridList/TVirtualGridList"; import useScrollTo from "../../../../../hooks/useScrollTo"; -import { panel_names } from "../../../../../utils/Config"; +import { + LOG_CONTEXT_NAME, + LOG_MESSAGE_ID, + panel_names, +} from "../../../../../utils/Config"; import { getTranslate3dValueByDirection } from "../../../../../utils/helperMethods"; import css from "./SeriesProductList.module.less"; @@ -22,6 +26,10 @@ export default function SeriesProductList({ patnrId, selectedPatnrId, selectedSeriesId, + selectedPatnrNm, + shelfOrder, + shelfTitle, + spotlightId, }) { const { getScrollTo, scrollLeft } = useScrollTo(); @@ -102,10 +110,21 @@ export default function SeriesProductList({ prdtNm, priceInfo, soldoutFlag, + catNm, + brndNm, } = brandSeriesProductInfo[index]; return ( ); }, - [brandSeriesProductInfo, contentsIndex, handleClick, handleFocus] + [ + brandSeriesProductInfo, + contentsIndex, + handleClick, + selectedPatnrNm, + handleFocus, + ] ); return (