From 6d9f207cdfdeca67cce52c71796e31065a9fb619 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 20 Mar 2024 10:28:58 -0500
Subject: [PATCH] Add granular ai loading spinners

---
 src/photo/form/PhotoForm.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 5ca7e128..6a98bf41 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -158,11 +158,19 @@ export default function PhotoForm({
       onClick={onClick}
       disabled={!imageData || isLoading}
       className={clsx(
+        'flex gap-2 items-center justify-center',
         'disabled:opacity-50 text-sm px-2.5 min-h-0 py-1.5',
         Boolean(error) && 'error text-error',
       )}
     >
-      {label} ✨
+      <span>
+        {label}
+      </span>
+      <span className="min-w-4">
+        {isLoading
+          ? <Spinner className="translate-y-[1.5px]" />
+          : <>✨</>}
+      </span>
     </button>;
 
   return (