#86: fix form loading state for auth components

src/components/auth/activation/Activation.jsx

@@ -11,7 +11,7 @@ export default function Activation() {
     return {
         Title: () => <AuthTitle title={messages.accountActivationTitle} />,
         Body,
-        Footer: () => <Button color="blue" label={messages.confirmEmail} />,
+        Footer: () => <Button color="blue" label={messages.confirmEmail} type="submit" />,
         Links: () => <RejectionLink label={messages.didNotReceivedEmail} />
     };
 }

src/components/auth/changePassword/ChangePassword.jsx

@@ -11,7 +11,7 @@ export default function ChangePassword() {
     return {
         Title: () => <AuthTitle title={messages.changePasswordTitle} />,
         Body,
-        Footer: () => <Button color="darkBlue" label={messages.change} />,
+        Footer: () => <Button color="darkBlue" label={messages.change} type="submit" />,
         Links: () => <RejectionLink label={messages.skipThisStep} />
     };
 }

src/components/auth/forgotPassword/ForgotPassword.jsx

@@ -11,7 +11,7 @@ export default function ForgotPassword() {
     return {
         Title: () => <AuthTitle title={messages.title} />,
         Body,
-        Footer: () => <Button color="lightViolet" autoFocus label={messages.sendMail} />,
+        Footer: () => <Button color="lightViolet" autoFocus label={messages.sendMail} type="submit" />,
         Links: () => <RejectionLink label={messages.alreadyHaveCode} />
     };
 }

src/components/auth/login/Login.jsx

@@ -10,7 +10,7 @@ export default function Login() {
     return {
         Title: () => <AuthTitle title={messages.loginTitle} />,
         Body,
-        Footer: () => <Button color="green" label={messages.next} />,
+        Footer: () => <Button color="green" label={messages.next} type="submit" />,
         Links: () => null
     };
 }

src/components/auth/password/Password.jsx

@@ -11,7 +11,7 @@ export default function Password() {
     return {
         Title: () => <AuthTitle title={messages.passwordTitle} />,
         Body,
-        Footer: () => <Button color="green" label={messages.signInButton} />,
+        Footer: () => <Button color="green" label={messages.signInButton} type="submit" />,
         Links: () => <RejectionLink label={messages.forgotPassword} />
     };
 }

src/components/auth/permissions/Permissions.jsx

@@ -11,7 +11,7 @@ export default function Permissions() {
     return {
         Title: () => <AuthTitle title={messages.permissionsTitle} />,
         Body,
-        Footer: () => <Button color="orange" autoFocus label={messages.approve} />,
+        Footer: () => <Button color="orange" autoFocus label={messages.approve} type="submit" />,
         Links: () => <RejectionLink label={messages.decline} />
     };
 }

src/components/auth/recoverPassword/RecoverPassword.jsx

@@ -12,7 +12,7 @@ export default function RecoverPassword() {
     return {
         Title: () => <AuthTitle title={messages.title} />,
         Body,
-        Footer: () => <Button color="lightViolet" label={changePassword.change} />,
+        Footer: () => <Button color="lightViolet" label={changePassword.change} type="submit" />,
         Links: () => <RejectionLink label={messages.contactSupport} />
     };
 }

src/components/auth/register/Register.jsx

@@ -12,7 +12,7 @@ export default function Register() {
     return {
         Title: () => <AuthTitle title={messages.registerTitle} />,
         Body,
-        Footer: () => <Button color="blue" label={messages.signUpButton} />,
+        Footer: () => <Button color="blue" label={messages.signUpButton} type="submit" />,
         Links: () => <RejectionLink label={activationMessages.didNotReceivedEmail} />
     };
 }