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>
22 lines
799 B
TypeScript
22 lines
799 B
TypeScript
'use client'
|
|
|
|
import { useUserSettingsStore } from '@/stores/user-settings/store'
|
|
import { SprintDefinitionBanner } from './sprint-definition-banner'
|
|
|
|
interface SprintDraftBannerProps {
|
|
productId: string
|
|
}
|
|
|
|
/**
|
|
* PBI-79 / ST-1337: client-wrapper die de SprintDefinitionBanner alleen rendert
|
|
* als er een pendingSprintDraft voor dit product staat. Hydratatie loopt via
|
|
* UserSettingsBridge — dit component subscribt op die store en is daarmee
|
|
* automatisch reactief op draft-mutaties (set/clear).
|
|
*/
|
|
export function SprintDraftBanner({ productId }: SprintDraftBannerProps) {
|
|
const draft = useUserSettingsStore(
|
|
(s) => s.entities.settings.workflow?.pendingSprintDraft?.[productId],
|
|
)
|
|
if (!draft) return null
|
|
return <SprintDefinitionBanner productId={productId} draft={draft} />
|
|
}
|