Disable button when no data selected

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>