c18d17108c
* feat(cleanup): verwijder Todo's navlink en todo-referenties uit marketing page [cmotto5ia000nx3178lq6xk8d]
- nav-bar.tsx: Todo's navLink verwijderd; Ideas-link blijft staan
- app/page.tsx: /todos quick-access link, feature-entry en /api/todos API-doc verwijderd
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* feat(cleanup): verwijder app/(app)/todos/ en components/todos/ [cmottjvzo000cx3172472cu4g]
* test(cleanup): verwijder POST /api/todos import en describe-block uit security.test.ts [cmotto5jn000px317kjqlba89]
- Import 'POST as postTodo' uit verwijderde todos-route verwijderd
- describe('POST /api/todos') sectie (3 tests) verwijderd
- 73 testfiles / 561 tests groen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* test(cleanup): verwijder __tests__/api/todos.test.ts en __tests__/actions/todos-promote-idea.test.ts [cmottjw1u000fx317igq27mh5]
* feat(cleanup): verwijder actions/todos.ts en app/api/todos/route.ts; verplaats updateRolesAction naar actions/settings.ts [cmottjvy9000ax3173sgfjcqs]
---------
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
'use client'
|
|
|
|
import { useState, useTransition } from 'react'
|
|
import { toast } from 'sonner'
|
|
import { Button } from '@/components/ui/button'
|
|
import { DemoTooltip } from '@/components/shared/demo-tooltip'
|
|
import { updateRolesAction } from '@/actions/settings'
|
|
|
|
const ALL_ROLES = [
|
|
{ value: 'PRODUCT_OWNER', label: 'Product Owner' },
|
|
{ value: 'SCRUM_MASTER', label: 'Scrum Master' },
|
|
{ value: 'DEVELOPER', label: 'Developer' },
|
|
]
|
|
|
|
interface RoleManagerProps {
|
|
currentRoles: string[]
|
|
isDemo: boolean
|
|
}
|
|
|
|
export function RoleManager({ currentRoles, isDemo }: RoleManagerProps) {
|
|
const [selected, setSelected] = useState<Set<string>>(new Set(currentRoles))
|
|
const [error, setError] = useState<string | null>(null)
|
|
const [saved, setSaved] = useState(false)
|
|
const [, startTransition] = useTransition()
|
|
|
|
function toggle(role: string) {
|
|
setSelected(prev => {
|
|
const next = new Set(prev)
|
|
if (next.has(role)) { next.delete(role) } else { next.add(role) }
|
|
return next
|
|
})
|
|
setSaved(false)
|
|
setError(null)
|
|
}
|
|
|
|
function handleSave() {
|
|
if (selected.size === 0) {
|
|
setError('Minimaal één rol is verplicht')
|
|
return
|
|
}
|
|
startTransition(async () => {
|
|
const result = await updateRolesAction([...selected])
|
|
if (result.success) { setSaved(true); toast.success('Rollen opgeslagen') }
|
|
else { setError(result.error ?? 'Opslaan mislukt'); toast.error(result.error ?? 'Opslaan mislukt') }
|
|
})
|
|
}
|
|
|
|
return (
|
|
<div className="bg-surface-container-low border border-border rounded-xl p-5 space-y-4">
|
|
<h2 className="text-sm font-medium text-foreground">Mijn rollen</h2>
|
|
<div className="flex flex-wrap gap-3">
|
|
{ALL_ROLES.map(role => (
|
|
<label key={role.value} className="flex items-center gap-2 cursor-pointer">
|
|
<input
|
|
type="checkbox"
|
|
checked={selected.has(role.value)}
|
|
onChange={() => toggle(role.value)}
|
|
disabled={isDemo}
|
|
className="w-4 h-4 rounded accent-primary"
|
|
/>
|
|
<span className="text-sm">{role.label}</span>
|
|
</label>
|
|
))}
|
|
</div>
|
|
{error && <p className="text-xs text-error">{error}</p>}
|
|
{saved && <p className="text-xs text-success">Rollen opgeslagen.</p>}
|
|
<DemoTooltip show={isDemo}>
|
|
<Button size="sm" onClick={handleSave} disabled={isDemo}>Opslaan</Button>
|
|
</DemoTooltip>
|
|
</div>
|
|
)
|
|
}
|