From 868a9c112059e6eb80faf78f29fac899ef08d645 Mon Sep 17 00:00:00 2001
From: Ivan <ivntsng@gmail.com>
Date: Fri, 8 Nov 2024 00:02:31 -0800
Subject: [PATCH] Use shared Spinner component in Browse page

---
 frontend/src/components/pages/Browse.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/pages/Browse.tsx b/frontend/src/components/pages/Browse.tsx
index b5fbaf88..4b767b6d 100644
--- a/frontend/src/components/pages/Browse.tsx
+++ b/frontend/src/components/pages/Browse.tsx
@@ -16,6 +16,7 @@ import { components, paths } from "@/gen/api";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
 import { useDebounce } from "@uidotdev/usehooks";
+import Spinner from "@/components/ui/Spinner";
 
 type SortOption = components["schemas"]["SortOption"];
 
@@ -179,7 +180,7 @@ const Browse = () => {
       <div ref={observerTarget} className="py-8 text-center">
         {isLoading && (
           <div className="flex items-center justify-center gap-2">
-            <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-gray-12"></div>
+            <Spinner />
           </div>
         )}
       </div>