[DetailPanel] themeDetail hotpicks에서 선택한 아이템 focus && select

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

@@ -43,9 +43,17 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
   const groupInfos = useSelector((state) => state.product.groupInfo);
   const dispatch = useDispatch();
 
-  const { prdtId, patnrId, curationId, curationNm, type, bgImgNo } = panelInfo;
+  const {
+    themeHotelId,
+    themePrdtId,
+    prdtId,
+    patnrId,
+    curationId,
+    curationNm,
+    type,
+    bgImgNo,
+  } = panelInfo;
 
-  console.log("#panelInfo", panelInfo);
   useEffect(() => {
     if (type === "hotel") {
       dispatch(
@@ -87,6 +95,21 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     }
   }, [productData]);
 
+  useEffect(() => {
+    if (
+      panelInfo &&
+      themeProductInfos &&
+      themeProductInfos.length > 0 &&
+      themePrdtId
+    ) {
+      for (let i = 0; i < themeProductInfos.length; i++) {
+        if (themeProductInfos[i].prdtId === themePrdtId) {
+          setSelectedIndex(i);
+        }
+      }
+    }
+  }, [panelInfo, themeProductInfos, themePrdtId]);
+
   const onSpotlightUpTButton = (e) => {
     e.stopPropagation();
     Spotlight.focus("spotlightId_backBtn");