Elgato_dark/taxonomy
1
0
Fork 0
mirror of https://github.com/shadcn-ui/taxonomy synced 2026-05-23 17:28:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update user-auth-form.tsx

Browse source
This commit is contained in:
Sijan Mainali 2022-11-28 03:57:27 -05:00 committed by GitHub
parent 1703a952fe
commit 95a93b7ba9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
components/dashboard/user-auth-form.tsx
View file

@ -1,20 +1,20 @@
"use client";
"use client"
import * as React from "react";
import { useSearchParams } from "next/navigation";
import { signIn } from "next-auth/react";
import * as z from "zod";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import * as React from "react"
import { useSearchParams } from "next/navigation"
import { signIn } from "next-auth/react"
import * as z from "zod"
import { useForm } from "react-hook-form"
import { zodResolver } from "@hookform/resolvers/zod"
import { cn } from "@/lib/utils";
import { userAuthSchema } from "@/lib/validations/auth";
import { toast } from "@/ui/toast";
import { Icons } from "@/components/icons";
import { cn } from "@/lib/utils"
import { userAuthSchema } from "@/lib/validations/auth"
import { toast } from "@/ui/toast"
import { Icons } from "@/components/icons"
interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {}
type FormData = z.infer<typeof userAuthSchema>;
type FormData = z.infer<typeof userAuthSchema>
export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
const {
@ -23,34 +23,34 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
formState: { errors },
} = useForm<FormData>({
resolver: zodResolver(userAuthSchema),
});
const [isLoading, setIsLoading] = React.useState<boolean>(false);
const searchParams = useSearchParams();
})
const [isLoading, setIsLoading] = React.useState<boolean>(false)
const searchParams = useSearchParams()
async function onSubmit(data: FormData) {
setIsLoading(true);
setIsLoading(true)
const signInResult = await signIn("email", {
email: data.email.toLowerCase(),
redirect: false,
callbackUrl: searchParams.get("from") || "/dashboard",
});
})
setIsLoading(false);
setIsLoading(false)
if (!signInResult?.ok) {
return toast({
title: "Something went wrong.",
message: "Your sign in request failed. Please try again.",
type: "error",
});
})
}
return toast({
title: "Check your email",
message: "We sent you a login link. Be sure to check your spam too.",
type: "success",
});
})
}
return (
@ -122,5 +122,5 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
Github
</button>
</div>
);
)
}