[홈패널] Warning 조치

This commit is contained in:
sungmin.in
2024-02-21 14:14:42 +09:00
parent 31493cec00
commit b04ddebd3e
3 changed files with 83 additions and 50 deletions

View File

@@ -32,7 +32,7 @@ const ContainerBasic = SpotlightContainerDecorator(
"div"
);
export default function HomeBannerTemplate1() {
export default function HomeBannerTemplate1({ ...rest }) {
const dispatch = useDispatch();
const [bannerInfos, setBannerInfos] = useState([]);
const [vctpImage1, setVctpImage1] = useState();
@@ -72,7 +72,7 @@ export default function HomeBannerTemplate1() {
const [startFocus, setStartFocus] = useState();
return (
<Container className={css.container} spotlightId={"top"}>
<Container {...rest} className={css.container} spotlightId={"top"}>
<div className={css.homeTemplateBox}>
<div className={css.mainBox}>
<ContainerBasic className={css.dualBox}>
@@ -85,7 +85,7 @@ export default function HomeBannerTemplate1() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner01"}
/>
@@ -93,13 +93,16 @@ export default function HomeBannerTemplate1() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={index.banrLctnNo}
imageType={true}
spotlightId={"banner01"}
/>
) : (
<SpottableComponent spotlightId={"banner01"}>
<CustomImage key={index} delay={0} src={wdthImage1} />
<SpottableComponent
spotlightId={"banner01"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage1} />
</SpottableComponent>
);
})}
@@ -114,7 +117,7 @@ export default function HomeBannerTemplate1() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner02"}
/>
@@ -122,13 +125,16 @@ export default function HomeBannerTemplate1() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner02"}
/>
) : (
<SpottableComponent spotlightId={"banner02"}>
<CustomImage key={index} delay={0} src={wdthImage2} />
<SpottableComponent
spotlightId={"banner02"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage2} />
</SpottableComponent>
);
})}
@@ -144,7 +150,7 @@ export default function HomeBannerTemplate1() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner03"}
/>
@@ -152,13 +158,13 @@ export default function HomeBannerTemplate1() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner03"}
/>
) : (
<SpottableComponent>
<CustomImage key={index} delay={0} src={vctpImage1} />
<SpottableComponent key={item.banrLctnNo}>
<CustomImage delay={0} src={vctpImage1} />
</SpottableComponent>
);
})}
@@ -173,7 +179,7 @@ export default function HomeBannerTemplate1() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner04"}
/>
@@ -181,13 +187,16 @@ export default function HomeBannerTemplate1() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner04"}
/>
) : (
<SpottableComponent spotlightId={"banner04"}>
<CustomImage key={index} delay={0} src={vctpImage2} />
<SpottableComponent
spotlightId={"banner04"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={vctpImage2} />
</SpottableComponent>
);
})}

View File

@@ -80,7 +80,7 @@ export default function HomeBannerTemplate2() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner01"}
/>
@@ -88,13 +88,16 @@ export default function HomeBannerTemplate2() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner01"}
/>
) : (
<SpottableComponent spotlightId={"banner01"}>
<CustomImage key={index} delay={0} src={vctpImage1} />
<SpottableComponent
spotlightId={"banner01"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={vctpImage1} />
</SpottableComponent>
);
})}
@@ -110,7 +113,7 @@ export default function HomeBannerTemplate2() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner02"}
/>
@@ -118,13 +121,16 @@ export default function HomeBannerTemplate2() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner02"}
/>
) : (
<SpottableComponent spotlightId={"banner02"}>
<CustomImage key={index} delay={0} src={wdthImage1} />
<SpottableComponent
spotlightId={"banner02"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage1} />
</SpottableComponent>
);
})}
@@ -139,7 +145,7 @@ export default function HomeBannerTemplate2() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner03"}
/>
@@ -147,13 +153,16 @@ export default function HomeBannerTemplate2() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner03"}
/>
) : (
<SpottableComponent spotlightId={"banner03"}>
<CustomImage key={index} delay={0} src={wdthImage2} />
<SpottableComponent
spotlightId={"banner03"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage2} />
</SpottableComponent>
);
})}
@@ -169,7 +178,7 @@ export default function HomeBannerTemplate2() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner04"}
/>
@@ -177,13 +186,16 @@ export default function HomeBannerTemplate2() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner04"}
/>
) : (
<SpottableComponent spotlightId={"banner04"}>
<CustomImage key={index} delay={0} src={vctpImage2} />
<SpottableComponent
spotlightId={"banner04"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={vctpImage2} />
</SpottableComponent>
);
})}

View File

@@ -79,20 +79,23 @@ export default function HomeBannerTemplate3() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner01"}
/>
) : item.banrLctnNo === "1" && item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner01"}
/>
) : (
<SpottableComponent spotlightId={"banner01"}>
<CustomImage key={index} delay={0} src={vctpImage1} />
<SpottableComponent
spotlightId={"banner01"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={vctpImage1} />
</SpottableComponent>
);
})}
@@ -107,20 +110,23 @@ export default function HomeBannerTemplate3() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner02"}
/>
) : item.banrLctnNo === "2" && item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={false}
spotlightId={"banner02"}
/>
) : (
<SpottableComponent spotlightId={"banner02"}>
<CustomImage key={index} delay={0} src={vctpImage2} />
<SpottableComponent
spotlightId={"banner02"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={vctpImage2} />
</SpottableComponent>
);
})}
@@ -136,7 +142,7 @@ export default function HomeBannerTemplate3() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner03"}
/>
@@ -144,13 +150,16 @@ export default function HomeBannerTemplate3() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner03"}
/>
) : (
<SpottableComponent spotlightId={"banner03"}>
<CustomImage key={index} delay={0} src={wdthImage1} />
<SpottableComponent
spotlightId={"banner03"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage1} />
</SpottableComponent>
);
})}
@@ -165,7 +174,7 @@ export default function HomeBannerTemplate3() {
<Rolling
bannerData={item}
index={index}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner04"}
/>
@@ -173,13 +182,16 @@ export default function HomeBannerTemplate3() {
item.shptmDspyTpNm == "Random" ? (
<Random
bannerData={item}
key={index}
key={item.banrLctnNo}
imageType={true}
spotlightId={"banner04"}
/>
) : (
<SpottableComponent spotlightId={"banner04"}>
<CustomImage key={index} delay={0} src={wdthImage2} />
<SpottableComponent
spotlightId={"banner04"}
key={item.banrLctnNo}
>
<CustomImage delay={0} src={wdthImage2} />
</SpottableComponent>
);
})}