From 7db21596f14e3da8c6a94a545c2dfc61579d80a6 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Thu, 30 Jan 2025 22:26:20 +0000
Subject: [PATCH] feat: show loading spinner when creating or updating a label

---
 apps/web/src/views/card/components/LabelForm.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/views/card/components/LabelForm.tsx b/apps/web/src/views/card/components/LabelForm.tsx
index 384ace91..81b16778 100644
--- a/apps/web/src/views/card/components/LabelForm.tsx
+++ b/apps/web/src/views/card/components/LabelForm.tsx
@@ -167,7 +167,7 @@ export function LabelForm({
                               <>
                                 <div className="flex items-center rounded-[5px] p-2 hover:bg-light-200 dark:hover:bg-dark-400">
                                   <span
-                                    style={{ backgroundColor: colour?.code }}
+                                    style={{ backgroundColor: colour.code }}
                                     className="ml-2 inline-block h-2 w-2 flex-shrink-0 rounded-full"
                                     aria-hidden="true"
                                   />
@@ -209,7 +209,10 @@ export function LabelForm({
               Delete
             </Button>
           )}
-          <Button type="submit">
+          <Button
+            type="submit"
+            isLoading={updateLabel.isPending || createLabel.isPending}
+          >
             {isEdit ? "Update label" : "Create label"}
           </Button>
         </div>