Scrum4Me/app/(app)/dashboard/page.tsx
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

57 lines
2 KiB
TypeScript

import { cookies } from 'next/headers'
import { getIronSession } from 'iron-session'
import { SessionData, sessionOptions } from '@/lib/session'
import { prisma } from '@/lib/prisma'
import { productAccessFilter } from '@/lib/product-access'
import Link from 'next/link'
import { ProductList } from '@/components/dashboard/product-list'
import { NewProductButton } from '@/components/dashboard/new-product-button'
interface Props {
searchParams: Promise<{ archived?: string }>
}
export default async function DashboardPage({ searchParams }: Props) {
const session = await getIronSession<SessionData>(await cookies(), sessionOptions)
const { archived } = await searchParams
const showArchived = archived === '1'
const [products, user] = await Promise.all([
prisma.product.findMany({
where: { archived: showArchived, ...productAccessFilter(session.userId) },
orderBy: { created_at: 'desc' },
}),
session.userId
? prisma.user.findUnique({ where: { id: session.userId }, select: { active_product_id: true } })
: null,
])
return (
<div className="p-6 max-w-4xl mx-auto w-full">
<div className="flex items-center justify-between mb-6">
<div className="flex items-center gap-3">
<h1 className="text-xl font-medium text-foreground">
{showArchived ? 'Gearchiveerde producten' : 'Mijn Producten'}
</h1>
{showArchived ? (
<Link href="/dashboard" className="text-xs text-primary hover:underline">
Actief
</Link>
) : (
<Link href="/dashboard?archived=1" className="text-xs text-muted-foreground hover:text-foreground">
Toon gearchiveerd
</Link>
)}
</div>
{!session.isDemo && !showArchived && <NewProductButton />}
</div>
<ProductList
products={products}
isDemo={session.isDemo ?? false}
showArchived={showArchived}
activeProductId={user?.active_product_id ?? null}
/>
</div>
)
}