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

2026-01-01 04:08:45 -05: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/UserProfile/UserSettings/UserPasswordChange/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserPasswordChange/index.tsx
@@ -143,7 +143,7 @@ const UserPasswordChange: React.FC = () => {
          }
        }}
      >
-        {({ errors, touched, isSubmitting }) => {
+        {({ errors, touched, isSubmitting, isValid }) => {
          return (
            <Form className="section">
              {!data.hasPassword && (
@@ -221,7 +221,7 @@ const UserPasswordChange: React.FC = () => {
                    <Button
                      buttonType="primary"
                      type="submit"
-                      disabled={isSubmitting}
+                      disabled={isSubmitting || !isValid}
                    >
                      {isSubmitting
                        ? intl.formatMessage(globalMessages.saving)