diff --git a/src/layouts/Product/DetailMain/ProductCarousel.tsx b/src/layouts/Product/DetailMain/ProductCarousel.tsx index bd523c14..f129a4d9 100644 --- a/src/layouts/Product/DetailMain/ProductCarousel.tsx +++ b/src/layouts/Product/DetailMain/ProductCarousel.tsx @@ -9,13 +9,10 @@ import styles from './ProductCarousel.module.scss'; import './ProductCarousel.css'; type ProductCarouselProps = { - // TODO : 타입 - // imgs : [{id : number; url : 'string'}] thumbnails: string[]; className: string; }; -// TODO : 타입 const ProductCarousel = ({ thumbnails, className }: ProductCarouselProps) => { const [target, setTarget] = useState(0); @@ -45,14 +42,7 @@ const ProductCarousel = ({ thumbnails, className }: ProductCarouselProps) => { className={className} > {thumbnails.map((img) => ( - 상품 대표 이미지 + 상품 대표 이미지 ))} ) diff --git a/src/layouts/Product/DetailMain/index.tsx b/src/layouts/Product/DetailMain/index.tsx index e6e8211f..ed166c72 100644 --- a/src/layouts/Product/DetailMain/index.tsx +++ b/src/layouts/Product/DetailMain/index.tsx @@ -23,10 +23,19 @@ const DetailMain = ({ productDescription }: DetailMainProps) => { } = productDescription; return (
- + {productThumbnails.length > 1 && ( + + )} + {productThumbnails.length === 1 && ( + {`${productName}상품이미지`} + )}
{productName}