From e8537cc3f1c6af9ff9cdd2a6b88e106b902226ac Mon Sep 17 00:00:00 2001
From: Scrum4Me Agent <30029041+madhura68@users.noreply.github.com>
Date: Sat, 9 May 2026 22:06:02 +0200
Subject: [PATCH] feat(PBI-49): add BEM sub-element data-debug-id to
 new-product-button

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/dashboard/new-product-button.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/dashboard/new-product-button.tsx b/components/dashboard/new-product-button.tsx
index 43b7e0b..86230ff 100644
--- a/components/dashboard/new-product-button.tsx
+++ b/components/dashboard/new-product-button.tsx
@@ -12,7 +12,9 @@ export function NewProductButton() {
 
   return (
     <>
-      <Button onClick={() => setOpen(true)} {...debugProps('new-product-button', 'NewProductButton', 'components/dashboard/new-product-button.tsx')}>+ Nieuw product</Button>
+      <div {...debugProps('new-product-button', 'NewProductButton', 'components/dashboard/new-product-button.tsx')}>
+        <Button onClick={() => setOpen(true)} data-debug-id="new-product-button__trigger">+ Nieuw product</Button>
+      </div>
       <ProductDialog
         mode="create"
         open={open}