import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AppLayout from '@/layouts/app-layout'; import product from '@/routes/product'; import { BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Add Product', href: product.add().url, }, ]; export default function Edit({ products, }: { products: { id: number; name: string; url: string; display_status: string }; }) { console.log(products); const [values, setValues] = useState({ name: products.name, url: products.url, display_status: products.display_status, }); function handleChange(e: { target: { id: any; value: any } }) { const key = e.target.id; const value = e.target.value; setValues((values) => ({ ...values, [key]: value, })); } function handleSubmit(e: { preventDefault: () => void }) { e.preventDefault(); console.log(values); router.post(product.update(products.id).url, values); } return ( <>

Update Products

Name *

URL *

Display State

); }