refactor : lazy loading to EventCard component

Space-Club · Jan 30, 2024 · 9e42650 · 9e42650
1 parent e4eab47
commit 9e42650
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/MainEvents.tsx b/src/components/MainEvents.tsx
@@ -50,6 +50,7 @@ const MainEvents = ({ pathname }: MainEventsProps) => {
               isEnded={eventInfo.isEnded}
               clubName={clubInfo.name}
               clubLogoImageUrl={clubInfo.logoImageUrl}
+              isLazy={true}
             />
           );
         })}

diff --git a/src/components/common/EventCard/EventCard.tsx b/src/components/common/EventCard/EventCard.tsx
@@ -24,6 +24,7 @@ interface EventProps {
   startDate?: string;
   endDate?: string;
   clubLogoImageUrl?: string;
+  isLazy?: boolean;
   clubName: string;
   openStatus?: string;
   isEnded: boolean;
@@ -40,12 +41,13 @@ const EventCard = ({
   clubName,
   openStatus,
   isEnded,
+  isLazy,
 }: EventProps) => {
   const navigate = useNavigate();
 
   return (
     <ContainerStyled onClick={() => navigate(PATH.EVENT.DETAIL(eventId))}>
-      <Poster posterSrc={posterSrc} width={9.5} isEnded={isEnded}>
+      <Poster isLazy={isLazy} posterSrc={posterSrc} width={9.5} isEnded={isEnded}>
         {openStatus && (
           <EventStatusTag
             eventTag={APPLIED_EVENTS_TAGS[openStatus === 'ALL' ? 'publicEvent' : 'clubOnlyEvent']}