Madhura68
8fbf79441a
- Sprint lifecycle: ACTIVE→OPEN, COMPLETED→CLOSED, +ARCHIVED (FAILED behouden) - TaskStatus: +EXCLUDED (overgeslagen door agent-loop via bestaande TO_DO filter) - Cookie-gebaseerde actieve sprint per product (lib/active-sprint.ts) - Route splitsen: /products/[id]/sprint/[sprintId] + /sprint redirect-page - NavBar: gestapelde product/sprint dropdowns + BUILDING-badge derivatie - Backlog selectie-modus + nieuwe-sprint-dialog (createSprintWithPbisAction) - Migratie 20260507210000_sprint_lifecycle: ALTER TYPE RENAME (geen data-rewrite) - Version bump 1.0.0 → 1.2.0 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
'use client'
|
|
|
|
import type { TaskStatus } from '@prisma/client'
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
} from '@/components/ui/select'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
const STATUS_CONFIG: Record<TaskStatus, { label: string; dot: string }> = {
|
|
TO_DO: { label: 'To Do', dot: 'bg-muted-foreground' },
|
|
IN_PROGRESS: { label: 'Bezig', dot: 'bg-status-in-progress' },
|
|
REVIEW: { label: 'Review', dot: 'bg-status-review' },
|
|
DONE: { label: 'Klaar', dot: 'bg-status-done' },
|
|
FAILED: { label: 'Gefaald', dot: 'bg-status-failed' },
|
|
EXCLUDED: { label: 'Uitgesloten', dot: 'bg-muted-foreground/40' },
|
|
}
|
|
|
|
// FAILED ontbreekt bewust: alleen via sprint-cascade gezet, niet handmatig kiesbaar.
|
|
const STATUS_ORDER: TaskStatus[] = ['TO_DO', 'IN_PROGRESS', 'REVIEW', 'DONE', 'EXCLUDED']
|
|
|
|
function StatusIndicator({ status }: { status: TaskStatus }) {
|
|
return (
|
|
<span className="flex items-center gap-2">
|
|
<span className={cn('size-2.5 rounded-full shrink-0', STATUS_CONFIG[status].dot)} />
|
|
{STATUS_CONFIG[status].label}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
interface StatusSelectProps {
|
|
value?: TaskStatus
|
|
onChange: (value: TaskStatus) => void
|
|
disabled?: boolean
|
|
}
|
|
|
|
export function StatusSelect({ value = 'TO_DO', onChange, disabled }: StatusSelectProps) {
|
|
return (
|
|
<Select
|
|
value={value}
|
|
onValueChange={(v) => onChange(v as TaskStatus)}
|
|
disabled={disabled}
|
|
>
|
|
<SelectTrigger className="w-48">
|
|
<StatusIndicator status={value} />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
{STATUS_ORDER.map(status => (
|
|
<SelectItem key={status} value={status}>
|
|
<StatusIndicator status={status} />
|
|
</SelectItem>
|
|
))}
|
|
</SelectContent>
|
|
</Select>
|
|
)
|
|
}
|