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>
27 lines
608 B
TypeScript
27 lines
608 B
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { Button } from '@/components/ui/button'
|
|
import { ProductDialog, type ProductDialogProduct } from '@/components/dialogs/product-dialog'
|
|
|
|
interface Props {
|
|
product: ProductDialogProduct
|
|
}
|
|
|
|
export function EditProductButton({ product }: Props) {
|
|
const [open, setOpen] = useState(false)
|
|
|
|
return (
|
|
<>
|
|
<Button variant="outline" size="sm" onClick={() => setOpen(true)}>
|
|
Bewerken
|
|
</Button>
|
|
<ProductDialog
|
|
mode="edit"
|
|
open={open}
|
|
onOpenChange={setOpen}
|
|
product={product}
|
|
/>
|
|
</>
|
|
)
|
|
}
|