janpeter/Scrum4Me
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

feat(PBI-49): add debugProps to admin/ + dashboard/ + dialogs/ + mobile/ + split-pane/

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-09 21:16:20 +02:00
parent ebac8e5827
commit c2295241c0
10 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/dashboard/new-product-button.tsx
View file

@ -4,6 +4,7 @@ import { useState } from 'react'
import { useRouter } from 'next/navigation'
import { Button } from '@/components/ui/button'
import { ProductDialog } from '@/components/dialogs/product-dialog'
import { debugProps } from '@/lib/debug'
export function NewProductButton() {
const [open, setOpen] = useState(false)
@ -11,7 +12,7 @@ export function NewProductButton() {
return (
<>
<Button onClick={() => setOpen(true)}>+ Nieuw product</Button>
<Button onClick={() => setOpen(true)} {...debugProps('new-product-button', 'NewProductButton', 'components/dashboard/new-product-button.tsx')}>+ Nieuw product</Button>
<ProductDialog
mode="create"
open={open}

5
components/dashboard/product-list.tsx
View file

@ -12,6 +12,7 @@ import { DemoTooltip } from '@/components/shared/demo-tooltip'
import { restoreProductAction } from '@/actions/products'
import { setActiveProductAction } from '@/actions/active-product'
import { ProductDialog, type ProductDialogProduct } from '@/components/dialogs/product-dialog'
import { debugProps } from '@/lib/debug'
interface Product {
id: string
@ -53,7 +54,7 @@ export function ProductList({ products, isDemo, showArchived = false, activeProd
if (products.length === 0) {
return (
<div className="bg-surface-container-low rounded-xl border border-border p-12 text-center space-y-3">
<div className="bg-surface-container-low rounded-xl border border-border p-12 text-center space-y-3" {...debugProps('product-list', 'ProductList', 'components/dashboard/product-list.tsx')}>
<p className="text-muted-foreground">
{showArchived
? 'Geen gearchiveerde producten.'
@ -69,7 +70,7 @@ export function ProductList({ products, isDemo, showArchived = false, activeProd
}
return (
<div className="grid gap-3">
<div className="grid gap-3" {...debugProps('product-list', 'ProductList', 'components/dashboard/product-list.tsx')}>
{products.map(product => (
<div
key={product.id}