Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 08:42:12 +10:00
Code Issues Packages Projects Releases Wiki Activity

Display sucessful password reset request

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-06-05 14:59:50 +00:00
parent 7c30ee0c3e
commit c47e01b2b8
1 changed files with 35 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/web/components/forgot-password.tsx
View File

@ -1,3 +1,4 @@
import { useState } from "react";
import Link from "next/link"; import Link from "next/link";
import { Button } from "@documenso/ui"; import { Button } from "@documenso/ui";
import Logo from "./logo"; import Logo from "./logo";
@ -9,12 +10,14 @@ interface IForgotPassword {
email: string; email: string;
} }
export default function ForgotPassword(props: any) { export default function ForgotPassword() {
const methods = useForm<IForgotPassword>(); const methods = useForm<IForgotPassword>();
const { register, formState, resetField } = methods; const { register, formState, resetField } = methods;
const [resetSuccessful, setResetSuccessful] = useState(false);
const onSubmit = async (values: IForgotPassword) => { const onSubmit = async (values: IForgotPassword) => {
await toast.promise( const response = await toast.promise(
fetch(`/api/auth/forgot-password`, { fetch(`/api/auth/forgot-password`, {
method: "POST", method: "POST",
headers: { headers: {
@ -29,11 +32,39 @@ export default function ForgotPassword(props: any) {
} }
); );
resetField("email"); if (response.ok) {
setResetSuccessful(true);
}
console.log(values); resetField("email");
}; };
if (resetSuccessful) {
return (
<div className="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
<div className="w-full max-w-md space-y-8">
<div>
<Logo className="mx-auto h-20 w-auto"></Logo>
<h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
Reset Password
</h2>
<p className="mt-2 text-center text-sm text-gray-600">
Please check your email for reset instructions.
</p>
</div>
<div>
<Link href="/login">
<div className="relative mt-10 flex items-center justify-center gap-2 text-sm text-gray-500 hover:cursor-pointer hover:text-gray-900">
<ArrowLeftIcon className="h-4 w-4" />
Back to log in
</div>
</Link>
</div>
</div>
</div>
);
}
return ( return (
<> <>
<div className="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8"> <div className="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">