From 450fd91b7b616b72380f28c12826f46be57d47ca Mon Sep 17 00:00:00 2001
From: "sungmin.in" <insm007@t-win.kr>
Date: Tue, 13 Feb 2024 19:07:49 +0900
Subject: [PATCH] =?UTF-8?q?[=ED=99=88=ED=8C=A8=EB=84=90]=20TOP=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/HomePanel/HomeBanner/HomeBannerTemplate1.jsx  | 2 +-
 .../src/views/HomePanel/HomeBanner/HomeBannerTemplate2.jsx  | 2 +-
 .../src/views/HomePanel/HomeBanner/HomeBannerTemplate3.jsx  | 2 +-
 com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx     | 6 +++++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate1.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate1.jsx
index 2e9e0317..3e3bc381 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate1.jsx
+++ b/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}>
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate2.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate2.jsx
index 0d48c886..2c2e660a 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate2.jsx
+++ b/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 */}
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate3.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate3.jsx
index bf61b0e0..581972c8 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBannerTemplate3.jsx
+++ b/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">
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
index 54aca8ba..32261a33 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
+++ b/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';
@@ -37,12 +38,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" ? (
@@ -52,6 +55,7 @@ export default function HomePanel() {
         <HomeOnSale />
         <BestSeller />
         <PopularShow />
+        <TopButton targetId={"top"} />
       </TBody>
     </TPanel>
   );