fix(ui): do not allow submission of invalid form inputs (#1799)

2025-09-17 17:24:35 +02:00 · 2021-06-17 00:59:20 -04:00
parent 42e45f38e5
commit 910d00c195
3 changed files with 13 additions and 5 deletions
--- a/src/components/Settings/SettingsMain.tsx
+++ b/src/components/Settings/SettingsMain.tsx
@@ -178,7 +178,14 @@ const SettingsMain: React.FC = () => {
            }
          }}
        >
-          {({ errors, touched, isSubmitting, values, setFieldValue }) => {
+          {({
+            errors,
+            touched,
+            isSubmitting,
+            isValid,
+            values,
+            setFieldValue,
+          }) => {
            return (
              <Form className="section">
                {userHasPermission(Permission.ADMIN) && (
@@ -397,7 +404,7 @@ const SettingsMain: React.FC = () => {
                      <Button
                        buttonType="primary"
                        type="submit"
-                        disabled={isSubmitting}
+                        disabled={isSubmitting || !isValid}
                      >
                        {isSubmitting
                          ? intl.formatMessage(globalMessages.saving)