) {
+ // Do something with the form values.
+ // ✅ This will be type-safe and validated.
+ toast({
+ title: "You submitted the following values:",
+ description: (
+
+ {JSON.stringify(values, null, 2)}
+
+ ),
+ })
+ console.log(values)
+ }
+
+ function onErrors(errors) {
+ toast({
+ title: "You have errors",
+ description: (
+
+ {JSON.stringify(errors, null, 2)}
+
+ ),
+ })
+ console.log(JSON.stringify(errors))
+ }
+
+
+ return (
+
+
+
+ )
}
diff --git a/src/app/ui/forms/story.tsx b/src/app/ui/forms/story.tsx
index 6357180..617fc13 100644
--- a/src/app/ui/forms/story.tsx
+++ b/src/app/ui/forms/story.tsx
@@ -3,7 +3,6 @@
import { z } from "zod"
import { zodResolver } from "@hookform/resolvers/zod"
import { useForm } from "react-hook-form"
-import { Genre } from "@prisma/client"
import { Button } from "@/components/ui/button"
import {
Form,
@@ -15,23 +14,18 @@ import {
FormMessage,
} from "@/components/ui/form"
import { Input } from "@/components/ui/input"
-import { Checkbox } from "@/components/ui/checkbox"
import { toast } from "@/components/ui/use-toast"
import {
Popover,
PopoverContent,
- PopoverTrigger,
} from "@/components/ui/popover"
-import { cn } from "@/lib/utils"
-import { Badge } from "lucide-react"
import GenresTrigger from "./genresTrigger"
-import GenresPopoverContent from "./genresPopoverContent"
import GenreCheckbox from "./genreCheckbox"
const formSchema = z.object({
title: z.string().min(2).max(50),
- word_count: z.coerce.number(),
+ word_count: z.coerce.number().min(100),
genres: z.array(z.number())
})