From 0b790d3476157a0759af542383354abbd64d4c23 Mon Sep 17 00:00:00 2001
From: Viktor Vasas <viktor.vasas@avalabs.org>
Date: Mon, 16 Sep 2024 18:15:08 +0200
Subject: [PATCH 1/2] fix: add tooltip and disabled button

---
 src/pages/Networks/AddNetwork.tsx | 41 ++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/pages/Networks/AddNetwork.tsx b/src/pages/Networks/AddNetwork.tsx
index af773d01..6bd96644 100644
--- a/src/pages/Networks/AddNetwork.tsx
+++ b/src/pages/Networks/AddNetwork.tsx
@@ -6,6 +6,7 @@ import {
   Scrollbars,
   ScrollbarsRef,
   Stack,
+  Tooltip,
   Typography,
   styled,
   toast,
@@ -68,6 +69,9 @@ export const AddNetwork = () => {
   );
 
   useEffect(() => {
+    if (Object.keys(pageHistoryData).length) {
+      setShowErrors(true);
+    }
     setNetwork({ ...defaultNetworkValues, ...pageHistoryData });
   }, [defaultNetworkValues, pageHistoryData]);
 
@@ -147,25 +151,32 @@ export const AddNetwork = () => {
           size="large"
           fullWidth
           onClick={history.goBack}
+          sx={{ px: 0 }}
         >
           {t('Cancel')}
         </Button>
-        <Button
-          color="primary"
-          data-testid="add-network-save"
-          size="large"
-          fullWidth
-          disabled={isSaving}
-          isLoading={isSaving}
-          onClick={() => {
-            setShowErrors(true);
-            if (isFormValid) {
-              handleSave();
-            }
-          }}
+        <Tooltip
+          title={!isFormValid && t('There are invalid fields in the form')}
+          sx={{ boxSizing: 'border-box', width: '100%' }}
         >
-          {t('Save')}
-        </Button>
+          <Button
+            color="primary"
+            data-testid="add-network-save"
+            size="large"
+            fullWidth
+            disabled={!isFormValid || isSaving}
+            isLoading={isSaving}
+            onClick={() => {
+              setShowErrors(true);
+              if (isFormValid) {
+                handleSave();
+              }
+            }}
+            sx={{ px: 0 }}
+          >
+            {t('Save')}
+          </Button>
+        </Tooltip>
       </Stack>
     </Stack>
   );

From 2c4558d5a5d98d037c2972db0a2207183c31b825 Mon Sep 17 00:00:00 2001
From: Viktor Vasas <viktor.vasas@avalabs.org>
Date: Mon, 16 Sep 2024 18:24:22 +0200
Subject: [PATCH 2/2] chore: translation

---
 src/localization/locales/en/translation.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/localization/locales/en/translation.json b/src/localization/locales/en/translation.json
index d9b4e1e3..8a334564 100644
--- a/src/localization/locales/en/translation.json
+++ b/src/localization/locales/en/translation.json
@@ -813,6 +813,7 @@
   "The secret key can be assigned by the Fireblocks workspace admin": "The secret key can be assigned by the Fireblocks workspace admin",
   "The transaction has been reverted": "The transaction has been reverted",
   "The transaction timed out": "The transaction timed out",
+  "There are invalid fields in the form": "There are invalid fields in the form",
   "There is no search result.": "There is no search result.",
   "There was a problem with the transfer": "There was a problem with the transfer",
   "These are the addresses derived from your Keystone device": "These are the addresses derived from your Keystone device",