Scrum4Me/stores/products-store.ts
Janpeter Visser 0ee03c6b72
ProductDialog: create + edit met alle velden (#68)
* feat(ST-?): createProductAction + updateProductAction (data-object API)

Voegt data-object-gebaseerde createProductAction(data) en
updateProductAction(id, data) toe aan actions/products.ts voor gebruik
door ProductDialog. Bevat Zod-validatie (incl. github-regex op repo_url),
productAccessFilter voor update, pg_notify bij update, en productMember-
aanleg bij create. FormData-varianten hernoemd naar ...FormAction; callers
bijgewerkt. 9 nieuwe tests groen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(ST-?): ProductDialog component (create + edit modes)

Voegt components/dialogs/product-dialog.tsx toe op basis van het
entity-dialog-patroon. Gebruikt react-hook-form + zodResolver voor
client-side validatie. Roept createProductAction/updateProductAction
aan en werkt stores/products-store.ts optimistisch bij. Demo-modus
disabled alle velden + submit-knop via DemoTooltip. 7 tests groen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(ST-?): UI triggers voor ProductDialog op dashboard en product-detail

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>

* fix(test): cast toast via unknown to satisfy strict TS

`toast as { success, error }` direct-cast faalt omdat sonner's toast een
callable + properties is. TS2352. Cast via unknown lost het op zonder
gedrag te wijzigen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-03 17:56:33 +02:00

29 lines
825 B
TypeScript

import { create } from 'zustand'
export interface ProductSummary {
id: string
name: string
code: string | null
description: string | null
repo_url: string | null
definition_of_done: string
auto_pr: boolean
}
interface ProductsStore {
products: ProductSummary[]
setProducts: (products: ProductSummary[]) => void
addProduct: (product: ProductSummary) => void
updateProduct: (id: string, patch: Partial<ProductSummary>) => void
}
export const useProductsStore = create<ProductsStore>((set) => ({
products: [],
setProducts: (products) => set({ products }),
addProduct: (product) =>
set((state) => ({ products: [...state.products, product] })),
updateProduct: (id, patch) =>
set((state) => ({
products: state.products.map((p) => (p.id === id ? { ...p, ...patch } : p)),
})),
}))