[SHOPTIME-3905] Trending Now / full 영상 / 상품 detail 진입 후 영상 재생 / 이전 버튼 클릭 시 화면 이슈

[수정사항] video Full화면 전환시  thumbnail이 있으면 보내도록 변경

com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx

@@ -27,7 +27,7 @@ import {
   getMainCategoryDetail,
   getMainYouMayLike,
 } from "../../actions/mainActions";
-import { popPanel } from "../../actions/panelActions";
+import { popPanel, updatePanel } from "../../actions/panelActions";
 import { finishVideoPreview } from "../../actions/playActions";
 import {
   clearProductDetail,
@@ -83,6 +83,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     (state) => state.common.appStatus.webOSVersion
   );
 
+  const panels = useSelector((state) => state.panels.panels);
   const [lgCatCd, setLgCatCd] = useState("");
   const [isYouMayLikeOpened, setIsYouMayLikeOpened] = useState(false);
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -205,11 +206,22 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
       dispatch(finishVideoPreview());
       dispatch(popPanel(panel_names.DETAIL_PANEL));
 
+      if (panels.length === 4 && panels[1]?.name === panel_names.PLAYER_PANEL) {
+        dispatch(
+          updatePanel({
+            name: panel_names.PLAYER_PANEL,
+            panelInfo: {
+              thumbnail: panelInfo.thumbnailUrl,
+            },
+          })
+        );
+      }
+
       if (isCancelClick) {
         ev.stopPropagation();
       }
     },
-    [dispatch]
+    [dispatch, panelInfo, panels]
   );
 
   const handleSMSonClose = useCallback(() => {

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx

@@ -105,6 +105,7 @@ const RecommendedShowsContents = ({
         patnrId,
         showId,
         shptmBanrTpNm: "VOD",
+        thumbnail: thumbnailUrl,
       })
     );
   }, [catCd, dispatch, patnrId, showId]);
@@ -149,6 +150,7 @@ const RecommendedShowsContents = ({
         selectedCatCd={selectedCatCd}
         selectedPatnrId={selectedPatnrId}
         showId={showId}
+        videoThumbnail={thumbnailUrl}
       />
     </Container>
   );

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx

@@ -21,6 +21,7 @@ import css from "./RecommendedShowsProductList.module.less";
 
 export default function RecommendedShowsProductList({
   brandRecommendedShowProductInfo,
+  videoThumbnail,
   catCd,
   contentsIndex,
   handleItemFocus,
@@ -115,12 +116,13 @@ export default function RecommendedShowsProductList({
           prdtId,
           showId,
           shptmBanrTpNm: "VOD",
+          thumbnail: videoThumbnail,
           targetId: "spotlightId-" + prdtId,
           y,
         })
       );
     },
-    [catCd, dispatch, patnrId, showId]
+    [catCd, dispatch, patnrId, showId, videoThumbnail]
   );
 
   const handleFocus = useCallback(() => {

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/ShopNowContents.jsx

@@ -103,6 +103,7 @@ export default function ShopNowContents({
               showNm: playListInfo?.showNm,
               showId: playListInfo?.showId,
               liveFlag: playListInfo?.liveFlag,
+              thumbnailUrl: playListInfo?.thumbnailUrl,
               liveReqFlag: panelInfo?.shptmBanrTpNm === "LIVE" && "Y",
               patnrId,
               prdtId,

com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularShowIndicator.jsx

@@ -69,6 +69,7 @@ const PopularShowIndicator = ({
         onSpotlightDown={onSpotlightDown}
         selectedIndex={selectedIndex}
         topInfo={topInfos[selectedIndex]}
+        thumbnailImgPath={thumbnailUrl960}
       />
     </Container>
   );

com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularShowVerticalContents/PopularProductList.jsx

@@ -19,6 +19,7 @@ const PopularProductList = ({
   onSpotlightRight,
   onSpotlightDown,
   selectedIndex,
+  thumbnailImgPath,
   topInfo,
 }) => {
   const { getScrollTo, scrollTop } = useScrollTo();
@@ -59,13 +60,14 @@ const PopularProductList = ({
           shptmBanrTpNm: "VOD",
           index,
           modal: false,
+          thumbnail: thumbnailImgPath,
           y,
         })
       );
 
       if (handleItemClick) handleItemClick();
     },
-    [catCd, patnrId, showId, handleItemClick]
+    [catCd, patnrId, showId, handleItemClick, thumbnailImgPath]
   );
 
   const handleFocus = useCallback(() => {

com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx

@@ -72,6 +72,7 @@ const PopularVideoCard = ({
             showId,
             patnrId,
             shptmBanrTpNm: "VOD",
+            thumbnail: thumbnailImgPath,
             lgCatCd: lgCatCd,
             patncNm,
             modal: true,
@@ -106,6 +107,7 @@ const PopularVideoCard = ({
         showId,
         patnrId,
         shptmBanrTpNm: "VOD",
+        thumbnail: thumbnailImgPath,
         lgCatCd: lgCatCd,
         patncNm,
         modal: false,