Madhura68
2eb0f33068
app/(app)/ideas/page.tsx (server-component): - user_id-only fetch (no productAccessFilter — Idee is privé) - products fetched with productAccessFilter for filter-dropdown + create-form components/ideas/idea-list.tsx (client-component): - Search by title, product-dropdown filter, status multi-chip filter - Inline create form with title/description/product (optional) - Native shadcn Table + status badge via getIdeaStatusBadge (T-509) - Row click navigates to /ideas/[id] - Sonner toasts for success/error; router.refresh() after mutations - DemoTooltip + disabled on Nieuw + Archive - Empty-state + filtered-empty messaging components/ideas/idea-row-actions.tsx (placeholder for T-508): - "Open" navigation + "Archive" button only — Grill / Make Plan / Materialiseer come in T-508 with full disabled-rules Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
48 lines
1.7 KiB
TypeScript
48 lines
1.7 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 { ideaToDto } from '@/lib/idea-dto'
|
|
import { IdeaList } from '@/components/ideas/idea-list'
|
|
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
export default async function IdeasPage() {
|
|
const session = await getIronSession<SessionData>(await cookies(), sessionOptions)
|
|
|
|
// M12: idee is strikt user_id-only (geen productAccessFilter — Q8).
|
|
const ideas = await prisma.idea.findMany({
|
|
where: { user_id: session.userId, archived: false },
|
|
orderBy: { created_at: 'desc' },
|
|
include: { product: { select: { id: true, name: true, repo_url: true } } },
|
|
take: 200,
|
|
})
|
|
|
|
// Productenlijst voor de filter-dropdown + voor "Nieuw idee"-form.
|
|
// Producten zijn product-scoped (kan team-shared zijn) — productAccessFilter
|
|
// is hier dus wél juist.
|
|
const products = await prisma.product.findMany({
|
|
where: { ...productAccessFilter(session.userId), archived: false },
|
|
orderBy: { name: 'asc' },
|
|
select: { id: true, name: true, repo_url: true },
|
|
})
|
|
|
|
return (
|
|
<div className="p-6 max-w-5xl mx-auto w-full">
|
|
<header className="mb-6 flex items-baseline justify-between">
|
|
<h1 className="text-xl font-medium text-foreground">Ideeën</h1>
|
|
<p className="text-sm text-muted-foreground">
|
|
Lichtgewicht voorstellen die je via Grill Me en Make Plan tot een PBI laat groeien.
|
|
</p>
|
|
</header>
|
|
|
|
<IdeaList
|
|
ideas={ideas.map((i) => ideaToDto(i))}
|
|
products={products}
|
|
isDemo={session.isDemo ?? false}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|