[홈패널] TOP 버튼 추가

This commit is contained in:
sungmin.in
2024-02-13 19:07:49 +09:00
parent 2801f6f406
commit 450fd91b7b
4 changed files with 8 additions and 4 deletions

View File

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

View File

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

View File

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

View File

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