Merge pull request #71 from madhura68/feat/dashboard-edit-and-switch-fix

feat: navbar product-switch zichtbaar + edit-knop op dashboard

components/dashboard/product-list.tsx

@@ -10,6 +10,7 @@ import { CodeBadge } from '@/components/shared/code-badge'
 import { DemoTooltip } from '@/components/shared/demo-tooltip'
 import { restoreProductAction } from '@/actions/products'
 import { setActiveProductAction } from '@/actions/active-product'
+import { EditProductButton } from '@/components/products/edit-product-button'
 
 interface Product {
   id: string
@@ -17,6 +18,8 @@ interface Product {
   code: string | null
   description: string | null
   repo_url: string | null
+  definition_of_done: string | null
+  auto_pr: boolean
 }
 
 interface ProductListProps {
@@ -100,7 +103,9 @@ export function ProductList({ products, isDemo, showArchived = false, activeProd
                 </a>
               )}
               {!showArchived && (
-                product.id === activeProductId
+                <>
+                  <EditProductButton product={product} isDemo={isDemo} />
+                  {product.id === activeProductId
                     ? <Badge className="bg-primary-container text-primary-container-foreground text-xs px-2 py-0">Actief</Badge>
                     : (
                       <DemoTooltip show={isDemo}>
@@ -113,6 +118,8 @@ export function ProductList({ products, isDemo, showArchived = false, activeProd
                         </button>
                       </DemoTooltip>
                     )
+                  }
+                </>
               )}
               {showArchived && (
                 <DemoTooltip show={isDemo}>

components/products/edit-product-button.tsx

@@ -2,25 +2,37 @@
 
 import { useState } from 'react'
 import { Button } from '@/components/ui/button'
+import { DemoTooltip } from '@/components/shared/demo-tooltip'
 import { ProductDialog, type ProductDialogProduct } from '@/components/dialogs/product-dialog'
 
 interface Props {
   product: ProductDialogProduct
+  isDemo?: boolean
+  size?: 'sm' | 'default'
+  variant?: 'outline' | 'ghost'
 }
 
-export function EditProductButton({ product }: Props) {
+export function EditProductButton({ product, isDemo = false, size = 'sm', variant = 'outline' }: Props) {
   const [open, setOpen] = useState(false)
 
   return (
     <>
-      <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
+      <DemoTooltip show={isDemo}>
+        <Button
+          variant={variant}
+          size={size}
+          onClick={(e) => { e.stopPropagation(); if (!isDemo) setOpen(true) }}
+          disabled={isDemo}
+        >
           Bewerken
         </Button>
+      </DemoTooltip>
       <ProductDialog
         mode="edit"
         open={open}
         onOpenChange={setOpen}
         product={product}
+        isDemo={isDemo}
       />
     </>
   )

components/shared/nav-bar.tsx

@@ -51,9 +51,11 @@ export function NavBar({
       const result = await setActiveProductAction(productId)
       if (result?.error) {
         toast.error(typeof result.error === 'string' ? result.error : 'Wisselen mislukt')
-      } else {
+        return
-        router.push(`/products/${productId}`)
       }
+      const next = products.find(p => p.id === productId)
+      toast.success(`Actief product: ${next?.name ?? 'gewijzigd'}`)
+      router.refresh()
     })
   }