Disable login/signup button when form is invalid

components/LoginModal/index.tsx

@@ -206,7 +206,10 @@ const LoginModal = (props: Props) => {
             ref={passwordInput}
           />
 
-          <Button text={t('modals.login.buttons.confirm')} />
+          <Button
+            disabled={!formValid}
+            text={t('modals.login.buttons.confirm')}
+          />
         </form>
       </DialogContent>
     </Dialog>

components/SignupModal/index.tsx

@@ -315,7 +315,10 @@ const SignupModal = (props: Props) => {
             ref={passwordConfirmationInput}
           />
 
-          <Button text={t('modals.signup.buttons.confirm')} />
+          <Button
+            disabled={!formValid}
+            text={t('modals.signup.buttons.confirm')}
+          />
 
           <p className="terms">
             {/* <Trans i18nKey="modals.signup.agreement">