refactor: add spinner for grant-list

jobstash · Aug 16, 2024 · 56fa14e · 56fa14e
1 parent b6e8de6
commit 56fa14e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/grants/components/grant-list/grant-list.tsx b/src/grants/components/grant-list/grant-list.tsx
@@ -2,6 +2,8 @@
 
 import { useMemo } from 'react';
 
+import { Spinner } from '@nextui-org/react';
+
 import { VirtualWrapper } from '@/shared/components/virtual-wrapper';
 
 import { GrantListItem } from './grant-list-item';
@@ -17,7 +19,11 @@ export const GrantList = () => {
 
     if (!hasNextPage) return <p>No more grants available.</p>;
 
-    return <div ref={inViewRef}>Loading more...</div>;
+    return (
+      <div ref={inViewRef} className="flex w-full justify-center">
+        <Spinner color="white" />
+      </div>
+    );
   }, [error, hasNextPage, inViewRef]);
 
   if (isPending) return <p>Loading Grants ...</p>;