homepanel 수정

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

@@ -10,52 +10,62 @@ import css from "../HomePanel/HomePanel.module.less";
 import HomeTemplate from "./HomeTemplate";
 import OnSale from "../HomePanel/OnSale/OnSale";
 import SubCategory from "../HomePanel/SubCategory/SubCategory";
+import PopularShow from "../HomePanel/PopularShow/PopularShow";
+import BestSeller from "../HomePanel/BestSeller/BestSeller";
 
 export default function HomePanel() {
   const dispatch = useDispatch();
-  
+
   const latoutData = useSelector((state) => state.home.layoutData);
-  const homeMainContentsBannerInfos = useSelector((state) => state.home.mainContentsData.homeMainContentsBannerInfos);
-  const homeTopDisplayInfos = useSelector((state) => state.home.mainContentsData.homeTopDisplayInfos);
+  const homeMainContentsBannerInfos = useSelector(
+    (state) => state.home.mainContentsData.homeMainContentsBannerInfos
+  );
+  const homeTopDisplayInfos = useSelector(
+    (state) => state.home.mainContentsData.homeTopDisplayInfos
+  );
   const [selectTemplate, setSelectTemplate] = useState(null);
 
-  const getHomeLayout = () => {
-    
-  }
+  const getHomeLayout = () => {};
 
-  const getHomeContents = () => {    
+  const getHomeContents = () => {
     // 추후 다시 한번 확인: 코드(DSP00201, 202, 203)
     // 템플릿 선택
     let tempTemplate = 0;
 
-    if(homeTopDisplayInfos){
-      if(homeTopDisplayInfos[0].shptmTmplCd == "DSP00201"){
+    if (homeTopDisplayInfos) {
+      if (homeTopDisplayInfos[0].shptmTmplCd == "DSP00201") {
         tempTemplate = 1;
       }
-      if(homeTopDisplayInfos[0].shptmTmplCd == "DSP00202"){
+      if (homeTopDisplayInfos[0].shptmTmplCd == "DSP00202") {
         tempTemplate = 2;
       }
-      if(homeTopDisplayInfos[0].shptmTmplCd == "DSP00203"){
+      if (homeTopDisplayInfos[0].shptmTmplCd == "DSP00203") {
         tempTemplate = 3;
       }
-    }    
-    setSelectTemplate(tempTemplate);    
-  }
+    }
+    setSelectTemplate(tempTemplate);
+  };
 
-  useEffect(()=>{
+  useEffect(() => {
     getHomeLayout();
     getHomeContents();
-  },[])
-  
+  }, []);
+
   return (
     <TPanel className={css.panelDesign}>
-      <HomeTemplate isOnTop={""} spotlightId={""} onScrollTop={""} onScrollShelf={""}
+      <HomeTemplate
+        isOnTop={""}
+        spotlightId={""}
+        onScrollTop={""}
+        onScrollShelf={""}
         selectTemplate={selectTemplate}
         // homeMainContentsBannerInfos={homeMainContentsBannerInfos}
         // homeTopDisplayInfos={homeTopDisplayInfos}
       />
       <SubCategory />
       <OnSale />
+      <PopularShow />
+      <BestSeller />
     </TPanel>
   );
-}
+}