From ca1dd92ab4129ad0a9d14f21e0eb141c3f8dd316 Mon Sep 17 00:00:00 2001
From: Ridham Khandar <ridhamk.j@gmail.com>
Date: Tue, 29 Jul 2025 02:19:24 +0530
Subject: [PATCH] fix: disable create list and label button when input is empty
 (#130)

---
 apps/web/src/components/LabelForm.tsx               | 3 +++
 apps/web/src/views/board/components/NewListForm.tsx | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/LabelForm.tsx b/apps/web/src/components/LabelForm.tsx
index 28df2131..e2539955 100644
--- a/apps/web/src/components/LabelForm.tsx
+++ b/apps/web/src/components/LabelForm.tsx
@@ -229,6 +229,9 @@ export function LabelForm({
           <Button
             type="submit"
             isLoading={updateLabel.isPending || createLabel.isPending}
+            disabled={
+              !watch("name")
+            }
           >
             {isEdit ? t`Update label` : t`Create label`}
           </Button>
diff --git a/apps/web/src/views/board/components/NewListForm.tsx b/apps/web/src/views/board/components/NewListForm.tsx
index ead30076..68a7b892 100644
--- a/apps/web/src/views/board/components/NewListForm.tsx
+++ b/apps/web/src/views/board/components/NewListForm.tsx
@@ -145,7 +145,12 @@ export function NewListForm({
         />
 
         <div>
-          <Button type="submit">{t`Create list`}</Button>
+          <Button
+            type="submit"
+            disabled={createList.isPending || !watch("name")}
+          >
+            {t`Create list`}
+          </Button>
         </div>
       </div>
     </form>