* feat(debug-store): Zustand store met hydration-flag voor debug-modus * feat(status-bar): dev-only debug-toggle via geïsoleerde sub-component * feat(globals.css): debug-mode overlay CSS voor data-debug-id elementen * feat(shared): data-debug-id+label op navigatie-componenten * feat(shared): data-debug-id+label op form/select-componenten * feat(shared): data-debug-id+label op display-componenten
15 lines
542 B
TypeScript
15 lines
542 B
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import { useProductStore } from '@/stores/product-store'
|
|
|
|
export function SetCurrentProduct({ id, name }: { id: string; name: string }) {
|
|
const { setCurrentProduct, clearCurrentProduct } = useProductStore()
|
|
|
|
useEffect(() => {
|
|
setCurrentProduct(id, name)
|
|
return () => clearCurrentProduct()
|
|
}, [id, name, setCurrentProduct, clearCurrentProduct])
|
|
|
|
return <span data-debug-id="set-current-product" data-debug-label="SetCurrentProduct — shared/set-current-product.tsx" hidden />
|
|
}
|