Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-23 21:21:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement back navigation on some of the auth flows, closes RX-13

Browse Source
This commit is contained in:
Amruth Pillai
2023-11-22 16:01:08 +01:00
parent bc5b4cb9ad
commit da2f4dba60
3 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/client/src/pages/auth/forgot-password/page.tsx
View File

@ -1,5 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t } from "@lingui/macro";
import { ArrowLeft } from "@phosphor-icons/react";
import { forgotPasswordSchema } from "@reactive-resume/dto";
import {
Alert,
@ -16,6 +17,7 @@ import {
import { useState } from "react";
import { Helmet } from "react-helmet-async";
import { useForm } from "react-hook-form";
import { useNavigate } from "react-router-dom";
import { z } from "zod";
import { useForgotPassword } from "@/client/services/auth";
@ -23,6 +25,7 @@ import { useForgotPassword } from "@/client/services/auth";
type FormValues = z.infer<typeof forgotPasswordSchema>;
export const ForgotPasswordPage = () => {
const navigate = useNavigate();
const [submitted, setSubmitted] = useState<boolean>(false);
const { forgotPassword, loading } = useForgotPassword();
@ -85,9 +88,16 @@ export const ForgotPasswordPage = () => {
)}
/>
<Button type="submit" disabled={loading} className="mt-4 w-full">
{t`Send Email`}
</Button>
<div className="mt-4 flex items-center gap-x-2">
<Button variant="link" className="px-5" onClick={() => navigate(-1)}>
<ArrowLeft size={14} className="mr-2" />
<span>{t`Back`}</span>
</Button>
<Button type="submit" disabled={loading} className="w-full">
{t`Send Email`}
</Button>
</div>
</form>
</Form>
</div>