From 4959cf10854a0bcd0cab1456b22ea7670363a5f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Pluta?=
 <noreply.git@mx.bartlomiejpluta.com>
Date: Fri, 9 May 2025 19:37:46 +0200
Subject: [PATCH] Disable button when no data selected

---
 web/src/pages/LoadFilePage/LoadFileForm.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/LoadFilePage/LoadFileForm.tsx b/web/src/pages/LoadFilePage/LoadFileForm.tsx
index 5f2764b..113ae4e 100644
--- a/web/src/pages/LoadFilePage/LoadFileForm.tsx
+++ b/web/src/pages/LoadFilePage/LoadFileForm.tsx
@@ -38,6 +38,8 @@ export default function LoadFileForm({ profiles, servers, defaultProfile, defaul
     return undefined;
   }, [formData.files]);
 
+  const isValid = useMemo(() => selectedFile && formData.profile && formData.server, [formData, selectedFile]);
+
   const handleSubmit = useCallback(async (e: React.FormEvent) => {
     e.preventDefault();
     
@@ -46,7 +48,7 @@ export default function LoadFileForm({ profiles, servers, defaultProfile, defaul
     }
   
     onSubmit?.(selectedFile, formData.profile, formData.server);    
-  }, [formData, formData, selectedFile, onSubmit]);
+  }, [formData, selectedFile, onSubmit]);
 
   return (
     <form onSubmit={handleSubmit}>
@@ -98,7 +100,7 @@ export default function LoadFileForm({ profiles, servers, defaultProfile, defaul
           <button 
             type="submit" 
             className={classNames("button", "is-link", "is-fullwidth", { 'is-loading': loading })}
-            disabled={loading}>Load transactions
+            disabled={!isValid || loading}>Load transactions
           </button>
         </div>
       </div>