Scrum4Me/components/sprint/planning-right-client.tsx

'use client'

import { useSelectionStore } from '@/stores/selection-store'
import { TaskList } from './task-list'
import type { Task } from './task-list'
import type { SprintStory } from './sprint-backlog'

interface PlanningRightClientProps {
  sprintId: string
  productId: string
  stories: SprintStory[]
  tasksByStory: Record<string, Task[]>
  isDemo: boolean
}

export function PlanningRightClient({ sprintId, productId, stories, tasksByStory, isDemo }: PlanningRightClientProps) {
  const { selectedStoryId } = useSelectionStore()

  const story = stories.find(s => s.id === selectedStoryId)
  const tasks = selectedStoryId ? (tasksByStory[selectedStoryId] ?? []) : []

  if (!selectedStoryId || !story) {
    return (
      <div className="flex items-center justify-center h-full">
        <p className="text-sm text-muted-foreground">Selecteer een story om de taken te bekijken.</p>
      </div>
    )
  }

  return (
    <TaskList
      storyId={selectedStoryId}
      sprintId={sprintId}
      productId={productId}
      tasks={tasks}
      isDemo={isDemo}
    />
  )
}