From 500520f2739cf7804eb4bf61ea793a9c5c4adaca Mon Sep 17 00:00:00 2001
From: Daryl Lim <daryllimyt@gmail.com>
Date: Fri, 22 Mar 2024 15:21:17 -0700
Subject: [PATCH] feat(ui): Change loading spinner back

---
 frontend/src/components/loading/form.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/loading/form.tsx b/frontend/src/components/loading/form.tsx
index bf2751af4..e2a1b82ea 100644
--- a/frontend/src/components/loading/form.tsx
+++ b/frontend/src/components/loading/form.tsx
@@ -1,7 +1,9 @@
+import { Loader2 } from "lucide-react"
+
 import { cn } from "@/lib/utils"
 import { Skeleton } from "@/components/ui/skeleton"
 
-export function FormLoading({
+export function SkeletonFormLoading({
   numPanels = 10,
   className,
 }: {
@@ -19,3 +21,11 @@ export function FormLoading({
     </div>
   )
 }
+
+export function FormLoading() {
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center space-x-2 space-y-2 p-4">
+      <Loader2 className="mx-auto animate-spin text-gray-500" />
+    </div>
+  )
+}