feat: 다음 페이지 로딩 시 ui 추가 및 적용

depromeet · Aug 28, 2024 · b286d7d · b286d7d
1 parent 8660484
commit b286d7d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/components/molecules/profile-list/profile-list.tsx b/components/molecules/profile-list/profile-list.tsx
@@ -13,13 +13,13 @@ type ProfileList = {
   data: MemberProfile[];
   fetchNextData: () => void;
   isLoading?: boolean;
-  isFetchingNextData?: boolean;
+  isFetchingNextPage?: boolean;
 };
 export const ProfileList = ({
   data,
   fetchNextData,
   isLoading,
-  isFetchingNextData,
+  isFetchingNextPage,
 }: ProfileList) => {
   const handleRangeChanged = (range: { endIndex: number }) => {
     const currentContentsLastIndex = data.length - 1;
@@ -43,7 +43,8 @@ export const ProfileList = ({
         height: '100%',
       }}
       components={{
-        Footer: () => (isFetchingNextData ? <LoadingArea /> : <></>),
+        Footer: () =>
+          isFetchingNextPage ? <LoadingArea width={30} height={30} /> : <></>,
       }}
     />
   );

diff --git a/features/follow/sections/follower-section.tsx b/features/follow/sections/follower-section.tsx
@@ -28,6 +28,7 @@ export const FollowerSection = ({ id }: { id: number }) => {
       data={flattenData}
       fetchNextData={fetchNextData}
       isLoading={isLoading}
+      isFetchingNextPage={isFetchingNextPage}
     />
   );
 };
diff --git a/features/follow/sections/following-section.tsx b/features/follow/sections/following-section.tsx
@@ -28,6 +28,7 @@ export const FollowingSection = ({ id }: { id: number }) => {
       data={flattenData}
       fetchNextData={fetchNextData}
       isLoading={isLoading}
+      isFetchingNextPage={isFetchingNextPage}
     />
   );
 };
diff --git a/features/profile-search/sections/search-result-section.tsx b/features/profile-search/sections/search-result-section.tsx
@@ -30,6 +30,7 @@ export const SearchResultSection = ({ keyword }: { keyword: string }) => {
         data={flattenData}
         fetchNextData={fetchNextData}
         isLoading={isLoading}
+        isFetchingNextPage={isFetchingNextPage}
       />
     </div>
   );