feat(consent): add different functionality for cancel button on login.

Signed-off-by: amitamrutiya2210 <[email protected]>
GaloyMoney · May 5, 2024 · d10a888 · d10a888
1 parent 0006351
commit d10a888
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/apps/consent/app/login/email-login-form.tsx b/apps/consent/app/login/email-login-form.tsx
@@ -2,6 +2,7 @@
 import React from "react"
 
 import { useFormState } from "react-dom"
+import { useRouter } from "next/navigation"
 import { toast } from "react-toastify"
 
 import InputComponent from "../../components/input-component"
@@ -23,6 +24,8 @@ interface LoginProps {
 }
 
 const EmailLoginForm = ({ login_challenge }: LoginProps) => {
+  const router = useRouter()
+
   const [state, formAction] = useFormState<LoginEmailResponse, FormData>(submitForm, {
     error: false,
     message: null,
@@ -73,11 +76,12 @@ const EmailLoginForm = ({ login_challenge }: LoginProps) => {
             Next
           </PrimaryButton>
           <SecondaryButton
-            type="submit"
+            type="button"
             id="reject"
-            name="submit"
+            name="cancel"
             value={SubmitValue.denyAccess}
             formNoValidate
+            onClick={() => router.back()}
           >
             Cancel
           </SecondaryButton>

diff --git a/apps/consent/components/phone-auth/phone-auth-form.tsx b/apps/consent/components/phone-auth/phone-auth-form.tsx
@@ -34,6 +34,7 @@ import SelectComponent from "@/components/select"
 import RegisterLink from "@/components/register-link"
 
 import { GetCaptchaChallengeResponse } from "@/app/types/phone-auth.types"
+import { useRouter } from "next/navigation"
 
 interface AuthFormProps {
   authAction: "Register" | "Login"
@@ -46,6 +47,7 @@ const PhoneAuthForm: React.FC<AuthFormProps> = ({
   countryCodes,
   authAction,
 }) => {
+  const router = useRouter()
   const [phoneNumber, setPhoneNumber] = useState<string>("")
   const [state, formAction] = useFormState<GetCaptchaChallengeResponse, FormData>(
     getCaptchaChallenge,
@@ -156,11 +158,12 @@ const PhoneAuthForm: React.FC<AuthFormProps> = ({
             Next
           </PrimaryButton>
           <SecondaryButton
-            type="submit"
+            type="button"
             id="reject"
-            name="submit"
+            name="cancel"
             value={SubmitValue.denyAccess}
             formNoValidate
+            onClick={() => router.back()}
           >
             Cancel
           </SecondaryButton>