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

ProductDialog: create + edit met alle velden (#68)

Browse source 
* 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>
This commit is contained in:
Janpeter Visser 2026-05-03 17:56:33 +02:00 • committed by GitHub
parent 60e2b62bbe
commit 0ee03c6b72
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 777 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/(app)/products/[id]/page.tsx
View file

@ -15,6 +15,7 @@ import { EditTaskLoader } from '@/app/_components/tasks/edit-task-loader'
import { TaskDialogSkeleton } from '@/app/_components/tasks/task-dialog-skeleton'
import { StartSprintButton } from '@/components/sprint/start-sprint-button'
import { ActivateProductButton } from '@/components/shared/activate-product-button'
import { EditProductButton } from '@/components/products/edit-product-button'
import Link from 'next/link'
interface Props {
@ -105,6 +106,19 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
) : (
!isDemo && <StartSprintButton productId={id} />
)}
{!isDemo && product.user_id === session.userId && (
<EditProductButton
product={{
id: product.id,
name: product.name,
code: product.code,
description: product.description,
repo_url: product.repo_url,
definition_of_done: product.definition_of_done,
auto_pr: product.auto_pr,
}}
/>
)}
<Link
href={`/products/${id}/settings`}
className="text-xs text-muted-foreground hover:text-foreground"

4
app/(app)/products/[id]/settings/page.tsx
View file

@ -6,7 +6,7 @@ import { prisma } from '@/lib/prisma'
import { ProductForm } from '@/components/products/product-form'
import { ArchiveProductButton } from '@/components/products/archive-product-button'
import { TeamManager } from '@/components/products/team-manager'
import { updateProductAction } from '@/actions/products'
import { updateProductFormAction } from '@/actions/products'
import { AutoPrToggle } from '@/components/products/auto-pr-toggle'
import Link from 'next/link'
@ -44,7 +44,7 @@ export default async function ProductSettingsPage({ params }: Props) {
</div>
<ProductForm
action={updateProductAction}
action={updateProductFormAction}
submitLabel="Opslaan"
defaultValues={{
id: product.id,

4
app/(app)/products/new/page.tsx
View file

@ -3,7 +3,7 @@ import { getIronSession } from 'iron-session'
import { redirect } from 'next/navigation'
import { SessionData, sessionOptions } from '@/lib/session'
import { ProductForm } from '@/components/products/product-form'
import { createProductAction } from '@/actions/products'
import { createProductFormAction } from '@/actions/products'
export default async function NewProductPage() {
const session = await getIronSession<SessionData>(await cookies(), sessionOptions)
@ -12,7 +12,7 @@ export default async function NewProductPage() {
return (
<div className="p-6 max-w-2xl mx-auto w-full">
<h1 className="text-xl font-medium text-foreground mb-6">Nieuw product</h1>
<ProductForm action={createProductAction} submitLabel="Product aanmaken" />
<ProductForm action={createProductFormAction} submitLabel="Product aanmaken" />
</div>
)
}