{JSON.stringify(session, null, 2)}
10 | );
11 | };
12 |
13 | export default User;
14 |
--------------------------------------------------------------------------------
/src/components/UserAccountnav.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import { Button } from "./ui/button"
3 | import { signOut } from "next-auth/react"
4 | const UserAccountnav = () => {
5 | return (
6 | 110 | If you don't have an account, please 111 | 112 | Sign up 113 | 114 |
115 |116 | 117 | Forgot Password? 118 | 119 |
120 | 121 | ); 122 | }; 123 | 124 | export default SignInForm; 125 | -------------------------------------------------------------------------------- /src/components/form/SignUpForm.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { useForm } from 'react-hook-form'; 4 | import { 5 | Form, 6 | FormControl, 7 | FormField, 8 | FormItem, 9 | FormLabel, 10 | FormMessage, 11 | } from '../ui/form'; 12 | import * as z from 'zod'; 13 | import { zodResolver } from '@hookform/resolvers/zod'; 14 | import { Input } from '../ui/input'; 15 | import { Button } from '../ui/button'; 16 | import Link from 'next/link'; 17 | import GoogleSignInButton from '../GoogleSignInButton'; 18 | import { useRouter } from 'next/navigation'; 19 | import { useToast } from "@/components/hooks/use-toast" 20 | 21 | const FormSchema = z 22 | .object({ 23 | username: z.string().min(1, 'Username is required').max(100), 24 | email: z.string().min(1, 'Email is required').email('Invalid email'), 25 | password: z 26 | .string() 27 | .min(1, 'Password is required') 28 | .min(8, 'Password must have than 8 characters'), 29 | confirmPassword: z.string().min(1, 'Password confirmation is required'), 30 | }) 31 | .refine((data) => data.password === data.confirmPassword, { 32 | path: ['confirmPassword'], 33 | message: 'Password do not match', 34 | }); 35 | 36 | const SignUpForm = () => { 37 | const router = useRouter() 38 | const { toast } = useToast() 39 | const form = useForm147 | If you don't have an account, please 148 | 149 | Sign in 150 | 151 |
152 | 153 | ); 154 | }; 155 | 156 | export default SignUpForm; 157 | -------------------------------------------------------------------------------- /src/components/hooks/use-toast.ts: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | // Inspired by react-hot-toast library 4 | import * as React from "react" 5 | 6 | import type { 7 | ToastActionElement, 8 | ToastProps, 9 | } from "@/components/ui/toast" 10 | 11 | const TOAST_LIMIT = 1 12 | const TOAST_REMOVE_DELAY = 1000000 13 | 14 | type ToasterToast = ToastProps & { 15 | id: string 16 | title?: React.ReactNode 17 | description?: React.ReactNode 18 | action?: ToastActionElement 19 | } 20 | 21 | const actionTypes = { 22 | ADD_TOAST: "ADD_TOAST", 23 | UPDATE_TOAST: "UPDATE_TOAST", 24 | DISMISS_TOAST: "DISMISS_TOAST", 25 | REMOVE_TOAST: "REMOVE_TOAST", 26 | } as const 27 | 28 | let count = 0 29 | 30 | function genId() { 31 | count = (count + 1) % Number.MAX_SAFE_INTEGER 32 | return count.toString() 33 | } 34 | 35 | type ActionType = typeof actionTypes 36 | 37 | type Action = 38 | | { 39 | type: ActionType["ADD_TOAST"] 40 | toast: ToasterToast 41 | } 42 | | { 43 | type: ActionType["UPDATE_TOAST"] 44 | toast: Partial157 | {body} 158 |
159 | ); 160 | }); 161 | FormMessage.displayName = 'FormMessage'; 162 | 163 | export { 164 | useFormField, 165 | Form, 166 | FormItem, 167 | FormLabel, 168 | FormControl, 169 | FormDescription, 170 | FormMessage, 171 | FormField, 172 | }; 173 | -------------------------------------------------------------------------------- /src/components/ui/input.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | import { cn } from "@/lib/utils" 4 | 5 | export interface InputProps 6 | extends React.InputHTMLAttributes