"use client"; import { useState } from "react"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, } from "@/registry/base/form"; import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover"; import { Button } from "@/components/ui/button"; // Quick add schema for popover - lightweight, single purpose const quickAddSchema = createSchema([ { type: "text", name: "title", label: "Title", placeholder: "e.g., Buy groceries", required: true, }, { type: "select", name: "priority", label: "Priority", options: [ { value: "low", label: "Low" }, { value: "medium", label: "Medium" }, { value: "high", label: "High" }, ], defaultValue: "medium", }, ]); type QuickAddSchema = InferType; export default function QuickAddPopover() { const [open, setOpen] = useState(false); const handleSubmit = async (data: QuickAddSchema) => { await new Promise((resolve) => setTimeout(resolve, 500)); toast("Task added!", { description: (

          {JSON.stringify(data, null, 2)}

), }); setOpen(false); }; return ( }> + Quick Add

Add Task

Quickly add a new task to your list

); }