add loading

domechn · Nov 18, 2023 · 583adf9 · 583adf9
1 parent 3a0909c
commit 583adf9
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/configuration.tsx b/src/components/configuration.tsx
@@ -146,6 +146,7 @@ const App = ({ onConfigurationSave }: { onConfigurationSave?: () => void }) => {
   const [addOtherDialogOpen, setAddOtherDialogOpen] = useState(false);
 
   const [saveCexConfigLoading, setSaveCexConfigLoading] = useState(false);
+  const [saveWalletConfigLoading, setSaveWalletConfigLoading] = useState(false);
 
   const [addExchangeConfig, setAddExchangeConfig] = useState<
     | {
@@ -834,6 +835,7 @@ const App = ({ onConfigurationSave }: { onConfigurationSave?: () => void }) => {
       });
       return;
     }
+    setSaveWalletConfigLoading(true);
     validateWalletAddress(addWalletConfig.type, addWalletConfig.address)
       .then((valid) => {
         if (!valid) {
@@ -856,7 +858,8 @@ const App = ({ onConfigurationSave }: { onConfigurationSave?: () => void }) => {
           description: e.message ?? e,
           variant: "destructive",
         });
-      });
+      })
+      .finally(() => setSaveWalletConfigLoading(false));
   }
 
   function renderAddWalletForm() {
@@ -935,7 +938,14 @@ const App = ({ onConfigurationSave }: { onConfigurationSave?: () => void }) => {
             </div>
           </div>
           <DialogFooter>
-            <Button type="submit" onClick={onAddWalletFormSubmit}>
+            <Button
+              type="submit"
+              onClick={onAddWalletFormSubmit}
+              disabled={saveWalletConfigLoading}
+            >
+              {saveWalletConfigLoading && (
+                <ReloadIcon className="mr-2 h-4 w-4 animate-spin" />
+              )}
               Save changes
             </Button>
           </DialogFooter>