video player panel overlay

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

@@ -13,14 +13,16 @@ import { clearProductDetail } from "../../actions/productActions";
 import TBody from "../../components/TBody/TBody";
 import THeader from "../../components/THeader/THeader";
 import TPanel from "../../components/TPanel/TPanel";
+import { panel_names } from "../../utils/Config";
 import css from "./DetailPanel.module.less";
 import GroupProduct from "./GroupProduct/GroupProduct";
 import SingleProduct from "./SingleProduct/SingleProduct";
 import ThemeProduct from "./ThemeProduct/ThemeProduct";
 import UnableProduct from "./UnableProduct/UnableProduct";
 import YouMayLike from "./YouMayLike/YouMayLike";
+import { finishVideoPreview } from "../../actions/playActions";
 
-export default function DetailPanel() {
+export default function ItemDetail({panelInfo}) {
   const [selectedPatnrId, setSelectedPatnrId] = useState("");
   const [selectedPrdtId, setSelectedPrtdId] = useState("");
   const [selectedCurationId, setSelectedCurationId] = useState("");
@@ -94,6 +96,8 @@ export default function DetailPanel() {
   }, [dispatch, selectedPatnrId, selectedPrdtId, panels]);
 
   const onClick = useCallback(() => {
+    // dispatch(resetPanels([{ name: panel_names.DETAIL_PANEL, panelInfo: {} }]));
+    dispatch(finishVideoPreview());
     dispatch(popPanel());
   }, [dispatch]);
 
@@ -184,6 +188,7 @@ export default function DetailPanel() {
               selectedPrdtId={selectedPrdtId}
               selectedIndex={selectedIndex}
               setSelectedIndex={setSelectedIndex}
+              launchedFromPlayer={panelInfo.launchedFromPlayer}
             />
           )}
         {/* 그룹상품 영역 */}
@@ -194,6 +199,7 @@ export default function DetailPanel() {
               selectedPrdtId={selectedPrdtId}
               selectedIndex={selectedIndex}
               setSelectedIndex={setSelectedIndex}
+              launchedFromPlayer={panelInfo.launchedFromPlayer}
             />
           )}
         {/* 구매불가상품 영역 */}
@@ -203,6 +209,7 @@ export default function DetailPanel() {
             selectedPrdtId={selectedPrdtId}
             selectedIndex={selectedIndex}
             setSelectedIndex={setSelectedIndex}
+            launchedFromPlayer={panelInfo.launchedFromPlayer}
           />
         )}
         {/* 테마그룹상품 영역*/}
@@ -213,6 +220,7 @@ export default function DetailPanel() {
             selectedCurationId={selectedCurationId}
             selectedPatnrId={selectedPatnrId}
             themeType={themeType}
+            launchedFromPlayer={panelInfo.launchedFromPlayer}
           />
         )}
       </TBody>