fix: EventCarousel type error 해결

SCBJ-7 · Jul 11, 2024 · a79783a · a79783a
1 parent 346b77a
commit a79783a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/pages/homePage/eventCarousel/EventCarousel.tsx b/src/pages/homePage/eventCarousel/EventCarousel.tsx
@@ -12,31 +12,35 @@ interface EventItem {
   title1: string;
   title2: string;
 }
+
 interface EventCarouselProps {
   EventCarouselContents: EventItem[];
   arrows?: boolean;
-  height?: number;
+  height?: number; // height props를 undefined로 허용
   infinite?: boolean;
   innerShadow?: boolean;
   draggable?: boolean;
   auto?: boolean;
 }
+
 const EventCarousel: React.FC<EventCarouselProps> = ({
   EventCarouselContents,
   arrows,
-  height,
+  height = 300,
   infinite,
   draggable,
 }) => {
   const navigate = useNavigate();
   const { slideWidth, sliderRef } = useCarouselSize();
+
   const slideList = infinite
     ? [
         EventCarouselContents.at(-1),
         ...EventCarouselContents,
         EventCarouselContents.at(0),
       ]
     : EventCarouselContents;
+
   const {
     currentIndex,
     getSliderStyle,
@@ -49,6 +53,7 @@ const EventCarousel: React.FC<EventCarouselProps> = ({
     infinite,
     slideWidth,
   });
+
   const onClickHandler = (id: number) => {
     navigate(`${PATH.MAIN_DETAIL}?id=${id}`);
   };

diff --git a/src/pages/mainDetailPage/MainDetail.style.ts b/src/pages/mainDetailPage/MainDetail.style.ts
@@ -1,5 +1,4 @@
 import styled from "styled-components";
-import TopButtonIcon from "@/assets/icons/ic_top_button.svg?react";
 
 export const Container = styled.main`
   background-color: ${({ theme }) => theme.color.greyScale7};
@@ -22,9 +21,6 @@ export const SearchItemFlex = styled.div`
   padding: 0 20px;
 `;
 
-interface TopButtonProps {
-  $visible: boolean;
-}
 export const TopButtonCover = styled.div`
   position: fixed;
   width: 100%;