[FeaturedBrandsPanel] edit prop for RECOMMENDED SHOWS

This commit is contained in:
younghoon100.park
2024-07-25 14:30:33 +09:00
parent efc35e7ec5
commit c945f0f050
3 changed files with 21 additions and 25 deletions

View File

@@ -103,7 +103,6 @@ export default memo(function RecommendedShows({
fromQuickMenu={fromQuickMenu}
handleItemFocus={_handleItemFocus}
selectedCatCd={selectedCatCd}
selectedCatNm={selectedCatNm}
selectedPatncNm={selectedPatncNm}
selectedPatnrId={selectedPatnrId}
setSelectedCatCd={setSelectedCatCd}

View File

@@ -1,6 +1,6 @@
import React, { memo, useEffect, useRef } from "react";
import { useSelector, useDispatch} from "react-redux";
import { useDispatch, useSelector } from "react-redux";
import { Job } from "@enact/core/util";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
@@ -9,11 +9,11 @@ import {
setContainerLastFocusedElement,
} from "@enact/spotlight/src/container";
import { sendLogFeaturedBrands } from "../../../../actions/logActions";
import TScroller from "../../../../components/TScroller/TScroller";
import useScrollTo from "../../../../hooks/useScrollTo";
import css from "./RecommendedShowsNav.module.less";
import RecommendedShowsNavItem from "./RecommendedShowsNavItem/RecommendedShowsNavItem";
import { sendLogFeaturedBrands } from "../../../../actions/logActions";
const Container = SpotlightContainerDecorator(
{ leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -26,7 +26,6 @@ export default memo(function RecommendedShowsNav({
fromQuickMenu,
handleItemFocus,
selectedCatCd,
selectedCatNm,
selectedPatncNm,
selectedPatnrId,
setSelectedCatCd,
@@ -81,22 +80,19 @@ export default memo(function RecommendedShowsNav({
useEffect(() => {
if (fromGNB || fromQuickMenu) {
logTimerRef.current = setTimeout(() => {
dispatch(sendLogFeaturedBrands({
patnrId: selectedPatnrId,
patncNm: selectedPatncNm,
catCd: firstCatCdRef.current,
catNm: firstCatNmRef.current,
}));
dispatch(
sendLogFeaturedBrands({
patnrId: selectedPatnrId,
patncNm: selectedPatncNm,
catCd: firstCatCdRef.current,
catNm: firstCatNmRef.current,
})
);
}, 500);
return () => clearTimeout(logTimerRef.current);
}
}, [
fromGNB,
fromQuickMenu,
selectedPatnrId,
selectedPatncNm,
]);
}, [fromGNB, fromQuickMenu, selectedPatnrId, selectedPatncNm]);
return (
<Container
@@ -123,7 +119,7 @@ export default memo(function RecommendedShowsNav({
scrollLeft={scrollLeft}
selectedCatCd={selectedCatCd}
selectedPatnrId={selectedPatnrId}
selectedPatncNm={selectedCatNm}
selectedPatncNm={selectedPatncNm}
setSelectedCatCd={setSelectedCatCd}
/>
)

View File

@@ -1,12 +1,11 @@
import React, { useCallback } from "react";
import { useDispatch, useSelector } from "react-redux";
import { sendLogFeaturedBrands } from "../../../../../actions/logActions";
import { sendLogFeaturedBrands } from "../../../../../actions/logActions";
import { updatePanel } from "../../../../../actions/panelActions";
import TButton, { TYPES } from "../../../../../components/TButton/TButton";
import useScrollReset from "../../../../../hooks/useScrollReset";
// import useScrollTopByDistance from "../../../../../hooks/useScrollTopByDistance";
import { panel_names } from "../../../../../utils/Config";
import css from "./RecommendedShowsNavItem.module.less";
@@ -74,12 +73,14 @@ export default function RecommendedShowsNavItem({
);
}
dispatch(sendLogFeaturedBrands({
patnrId: selectedPatnrId ?? panelInfo?.patnrId,
patncNm: selectedPatncNm,
catNm,
catCd: catCd.toString(),
}));
dispatch(
sendLogFeaturedBrands({
patnrId: selectedPatnrId ?? panelInfo?.patnrId,
patncNm: selectedPatncNm,
catNm,
catCd: catCd.toString(),
})
);
setSelectedCatCd(catCd.toString());
},