From 56fa14e6c988d0cc864ae86951162e9781765a0c Mon Sep 17 00:00:00 2001
From: John Ballesteros <johnshift.dev@gmail.com>
Date: Fri, 16 Aug 2024 10:25:27 +0800
Subject: [PATCH] refactor: add spinner for grant-list

---
 src/grants/components/grant-list/grant-list.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/grants/components/grant-list/grant-list.tsx b/src/grants/components/grant-list/grant-list.tsx
index 3010f2b..7164f9c 100644
--- 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>;