Merge branch 'develop' of gitlab.t-win.kr:ifheone/shoptime into develop

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

@@ -70,7 +70,7 @@ export default function HomeBannerTemplate1() {
   const onClickBanner = useCallback(() => {}, []);
 
   return (
-    <Container className={css.container}>
+    <Container className={css.container} spotlightId={"top"}>
       <div className={css.homeTemplateBox}>
         <div className={css.mainBox}>
           <div className={css.dualBox}>

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

@@ -69,7 +69,7 @@ export default function HomeBannerTemplate2() {
 
   const onClickBanner = useCallback(() => {}, []);
   return (
-    <Container className={css.container}>
+    <Container className={css.container} spotlightId="top">
       <div className={css.homeTemplateBox}>
         <div className={css.mainBox}>
           {/* 배너1 */}

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

@@ -85,7 +85,7 @@ export default function HomeBannerTemplate3() {
   }, [onFocus]);
 
   return (
-    <Container className={css.homeTemplateBox}>
+    <Container className={css.homeTemplateBox} spotlightId="top">
       <div className={css.mainBox}>
         {/* 배너1 */}
         <SpottableComponent className={css.imgBox} spotlightId="banner01">

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

@@ -9,6 +9,7 @@ import {
 } from 'react-redux';
 
 import TBody from '../../components/TBody/TBody';
+import TopButton from '../../components/TopButton/TopButton';
 import TPanel from '../../components/TPanel/TPanel';
 import BestSeller from '../HomePanel/BestSeller/BestSeller';
 import HomeBannerTemplate1 from '../HomePanel/HomeBanner/HomeBannerTemplate1';
@@ -39,12 +40,14 @@ export default function HomePanel() {
     }
   }, [homeTopDisplayInfos, homeLayoutInfo]);
 
+  // export default memo(function TopButton({ className, targetId, ...rest }) {
+
   return (
     <TPanel className={css.panel}>
       <TBody className={css.tBody}>
         {selectTemplate &&
           (selectTemplate === "DSP00201" ? (
-            <HomeBannerTemplate3 />
+            <HomeBannerTemplate1 />
           ) : selectTemplate === "DSP00202" ? (
             <HomeBannerTemplate2 />
           ) : selectTemplate === "DSP00203" ? (
@@ -54,6 +57,7 @@ export default function HomePanel() {
         <HomeOnSale />
         <BestSeller />
         <PopularShow />
+        <TopButton targetId={"top"} />
       </TBody>
     </TPanel>
   );