From 4b5c6fb7890eef63df8c2ee0d3213ea7fedb0acd Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Mon, 20 Oct 2025 14:53:48 -0700
Subject: [PATCH] refactor: misc

---
 .../collectionsContainer/CollectionsContainer.tsx    | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/webapp/features/collections/containers/collectionsContainer/CollectionsContainer.tsx b/src/webapp/features/collections/containers/collectionsContainer/CollectionsContainer.tsx
index 5b9be3b4..6b0c68f1 100644
--- a/src/webapp/features/collections/containers/collectionsContainer/CollectionsContainer.tsx
+++ b/src/webapp/features/collections/containers/collectionsContainer/CollectionsContainer.tsx
@@ -1,13 +1,13 @@
 'use client';
 
-import { Button, Container, Stack, SimpleGrid } from '@mantine/core';
+import { Container, Stack, SimpleGrid } from '@mantine/core';
 import useCollections from '../../lib/queries/useCollections';
 import CollectionCard from '../../components/collectionCard/CollectionCard';
 import CreateCollectionDrawer from '../../components/createCollectionDrawer/CreateCollectionDrawer';
 import { useState } from 'react';
 import ProfileEmptyTab from '@/features/profile/components/profileEmptyTab/ProfileEmptyTab';
 import { BiCollection } from 'react-icons/bi';
-import InfiniteLoadTrigger from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
+import InfiniteScroll from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
 
 interface Props {
   handle: string;
@@ -33,21 +33,19 @@ export default function CollectionsContainer(props: Props) {
   return (
     <Container p="xs" size="xl">
       <Stack>
-        <InfiniteLoadTrigger
+        <InfiniteScroll
           dataLength={collections.length}
           hasMore={!!hasNextPage}
-          isInitialLoading={false} // or you can manage initial loading state if needed
+          isInitialLoading={false}
           isLoading={isFetchingNextPage}
           loadMore={fetchNextPage}
-          manualLoadButton={false} // automatic infinite scroll; set true if you want manual button
-          loader={<div>Loading...</div>} // replace with your loader component if you want
         >
           <SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="md">
             {collections.map((collection) => (
               <CollectionCard key={collection.id} collection={collection} />
             ))}
           </SimpleGrid>
-        </InfiniteLoadTrigger>
+        </InfiniteScroll>
       </Stack>
 
       <CreateCollectionDrawer
-- 
2.51.2