feat: react-lazy-observer 패키지 대체

GDG-on-Campus-KNU · Dec 5, 2024 · 6004dbd · 6004dbd
1 parent 27513b5
commit 6004dbd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 54 deletions.
diff --git a/src/components/common/View/LazyLoad.tsx b/src/components/common/View/LazyLoad.tsx
diff --git a/src/pages/team/components/content/TeamContent.tsx b/src/pages/team/components/content/TeamContent.tsx
@@ -1,15 +1,16 @@
 import styled from '@emotion/styled';
 import { useState, lazy } from 'react';
 import { useMediaQuery } from 'react-responsive';
+import { LazyLoad } from 'react-lazy-observer';
 
 import { TeamList } from '@gdg/apis/hooks/team/useGetTeamList';
-import LazyLoad from '@gdg/components/common/View/LazyLoad';
 import {
   TeamMember,
   TeamCalendar,
   TeamTitle,
   TeamTitleMobile,
 } from '@gdg/pages/team/components';
+import { LoadingView } from '@gdg/components/common/View/LoadingView';
 const TeamBlogList = lazy(() => import('../blog/TeamBlogList'));
 
 const TeamContent = ({ data }: { data: TeamList[] }) => {
@@ -42,7 +43,7 @@ const TeamContent = ({ data }: { data: TeamList[] }) => {
 
       <TeamCalendar selectedTeamName={selectedTeamName} />
 
-      <LazyLoad>
+      <LazyLoad fallback={<LoadingView />}>
         <TeamBlogList selectedTeamName={selectedTeamName} />
       </LazyLoad>
     </TeamContainer>