Madhura68
947d970231
UI-laag voor de sprint-definitie-flow (state A′).
Nieuw:
- NewSprintMetadataDialog (stap 1): sprint_goal + optionele dates;
'Verder' schrijft via useUserSettingsStore.setPendingSprintDraft.
- SprintDefinitionBanner (sticky): toont doel + X PBI's / Y stories teller;
'Annuleren' → AlertDialog confirm → clearPendingSprintDraft;
'Sprint aanmaken' nog niet aangesloten (wacht op ST-1339).
- NewSprintTrigger: button in page header die de metadata-dialog opent;
verbergt zichzelf zolang er al een draft loopt.
- SprintDraftBanner: client-wrapper, rendert banner alleen als draft bestaat.
Wijzigingen:
- lib/user-settings.ts: pendingSprintDraft startAt/endAt → z.string().date().
- PbiList: oude selectionMode + selectedIds + NewSprintDialog vervangen door
hasDraft-afgeleide A′-mode met tri-state vinkjes; togglen muteert
upsertPbiIntent('all'|'none') en wist storyOverrides per PBI.
- StoryPanel: in A′-mode toont elke story een cherrypick-checkbox die
upsertStoryOverride('add'/'remove'/'clear') aanroept; cross-sprint-blocked
stories krijgen disabled-icoon met sprint-naam tooltip.
- app/(app)/products/[id]/page.tsx: StartSprintButton vervangen door
NewSprintTrigger; SprintDraftBanner gepositioneerd boven split-pane.
Tests: bestaande tests blijven groen (806 cases) — UI-specifieke component
tests volgen later. ST-1339 sluit createSprintWithSelectionAction aan.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { Button } from '@/components/ui/button'
|
|
import { DemoTooltip } from '@/components/shared/demo-tooltip'
|
|
import { useUserSettingsStore } from '@/stores/user-settings/store'
|
|
import { NewSprintMetadataDialog } from './new-sprint-metadata-dialog'
|
|
|
|
interface NewSprintTriggerProps {
|
|
productId: string
|
|
isDemo: boolean
|
|
}
|
|
|
|
/**
|
|
* PBI-79 / ST-1337: trigger-knop voor de nieuwe sprint-flow.
|
|
* Verbergt zichzelf wanneer er al een pendingSprintDraft loopt — dan
|
|
* staat de SprintDefinitionBanner zelf de afronding te regelen.
|
|
*/
|
|
export function NewSprintTrigger({ productId, isDemo }: NewSprintTriggerProps) {
|
|
const [open, setOpen] = useState(false)
|
|
const hasDraft = useUserSettingsStore(
|
|
(s) => !!s.entities.settings.workflow?.pendingSprintDraft?.[productId],
|
|
)
|
|
|
|
if (hasDraft) return null
|
|
|
|
return (
|
|
<>
|
|
<DemoTooltip show={isDemo}>
|
|
<Button
|
|
size="sm"
|
|
onClick={() => setOpen(true)}
|
|
disabled={isDemo}
|
|
data-debug-id="new-sprint-trigger"
|
|
>
|
|
Nieuwe sprint
|
|
</Button>
|
|
</DemoTooltip>
|
|
<NewSprintMetadataDialog
|
|
open={open}
|
|
productId={productId}
|
|
onOpenChange={setOpen}
|
|
/>
|
|
</>
|
|
)
|
|
}
|