1b94f32954
Voegt NewProductButton toe op het dashboard (vervangt de /products/new link) en EditProductButton op de product-detail pagina. Bewerken-knop is alleen zichtbaar voor de product-eigenaar en verborgen in demo-modus. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
23 lines
578 B
TypeScript
23 lines
578 B
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { useRouter } from 'next/navigation'
|
|
import { Button } from '@/components/ui/button'
|
|
import { ProductDialog } from '@/components/dialogs/product-dialog'
|
|
|
|
export function NewProductButton() {
|
|
const [open, setOpen] = useState(false)
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<>
|
|
<Button onClick={() => setOpen(true)}>+ Nieuw product</Button>
|
|
<ProductDialog
|
|
mode="create"
|
|
open={open}
|
|
onOpenChange={setOpen}
|
|
onSaved={(id) => router.push(`/products/${id}`)}
|
|
/>
|
|
</>
|
|
)
|
|
}
|