ItemDetail Tbutton TPopUp 작업

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

@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 
 import { getMainCategoryDetail } from "../../actions/mainActions";
+import { popPanel } from "../../actions/panelActions";
 import TBody from "../../components/TBody/TBody";
 import THeader from "../../components/THeader/THeader";
 import TPanel from "../../components/TPanel/TPanel";
@@ -11,37 +12,44 @@ import ProductThumbnail from "./container/ProductThumbnail";
 import css from "./DetailPanel.module.less";
 
 export default function ItemDetail() {
-  const [selectedPatnrId, setSelectedPatnrId] = useState(1);
-  const [selectedPardtId, setSelectedPardtId] = useState("A523924");
-
   const [productData, setProductData] = useState();
   const data = useSelector((state) => state.main.productData);
+  const panels = useSelector((state) => state.panels.panels);
+
+  console.log("#panels ", panels);
   const dispatch = useDispatch();
 
   useEffect(() => {
-    dispatch(
-      getMainCategoryDetail({
-        patnrId: selectedPatnrId,
-        prdtId: selectedPardtId,
-      })
-    );
-  }, [dispatch]);
+    if (panels) {
+      dispatch(
+        getMainCategoryDetail({
+          patnrId: panels[1].panelInfo?.patnrId,
+          prdtId: panels[1].panelInfo?.prdtId,
+        })
+      );
+    }
+  }, [dispatch, panels]);
 
   useEffect(() => {
     setProductData(data);
   }, [data, productData]);
+
+  const onClick = () => {
+    dispatch(popPanel());
+  };
   return (
     <TPanel isTabActivated={false}>
       <THeader
         className={css.header}
         title={productData?.prdtNm}
         onBackButton
+        onClick={onClick}
       />
       <TBody className={css.container} scrollable={false}>
         <ProductThumbnail productData={productData} />
         <ProductOption
-          selectedPatnrId={selectedPatnrId}
-          selectedPardtId={selectedPardtId}
+          selectedPatnrId={panels[1].panelInfo?.patnrId}
+          selectedPardtId={panels[1].panelInfo?.prdtId}
         />
       </TBody>
     </TPanel>