Squashed commit of the following:

commit 38f68d5ed489f416ea91630aea3496ab15365e66 Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 16:16:28 2025 -0400 Fix click and drag commit eb5c41cf31fd8032fe88fd47fe5f3e7f517f6d30 Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 15:57:13 2025 -0400 Update tasks commit 979d4b15373df3193eb1bd41c18ece1dbe044eba Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 15:19:20 2025 -0400 Status commit fa26f1fa8fefe1d84b5b2153327c7e8c0132952a Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 14:54:48 2025 -0400 Cleanup project card commit 14d7a1d7d7574dd8745167b280c04603ba22b189 Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 14:49:19 2025 -0400 Improve existing vs new repo commit 277e1f05ef68e5c67d73b246557a6df2ab23d32c Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 13:01:21 2025 -0400 Make repo path unique commit f80ef55f2ba16836276a81844fc33639872bcc53 Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 12:52:20 2025 -0400 Fix styles commit 077869458fcab199a10ef0fe2fe39f9f4216ce5b Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 12:41:48 2025 -0400 First select repo commit 1b0d9c0280e4cb75294348bb53b2a534458a2e37 Author: Louis Knight-Webb <louis@bloop.ai> Date: Mon Jun 16 11:45:19 2025 -0400 Init
2025-06-16 16:16:42 -04:00
parent eca26240fe
commit 22edb7a1db
26 changed files with 2041 additions and 409 deletions
--- a/frontend/src/components/tasks/TaskKanbanBoard.tsx
+++ b/frontend/src/components/tasks/TaskKanbanBoard.tsx
@@ -0,0 +1,95 @@
+import {
+  KanbanProvider,
+  KanbanBoard,
+  KanbanHeader,
+  KanbanCards,
+  type DragEndEvent
+} from '@/components/ui/shadcn-io/kanban'
+import { TaskCard } from './TaskCard'
+import type { TaskStatus } from 'shared/types'
+
+interface Task {
+  id: string
+  project_id: string
+  title: string
+  description: string | null
+  status: TaskStatus
+  created_at: string
+  updated_at: string
+}
+
+interface TaskKanbanBoardProps {
+  tasks: Task[]
+  onDragEnd: (event: DragEndEvent) => void
+  onEditTask: (task: Task) => void
+  onDeleteTask: (taskId: string) => void
+  onViewTaskDetails: (task: Task) => void
+}
+
+const allTaskStatuses: TaskStatus[] = ['todo', 'inprogress', 'inreview', 'done', 'cancelled']
+
+const statusLabels: Record<TaskStatus, string> = {
+  todo: 'To Do',
+  inprogress: 'In Progress',
+  inreview: 'In Review',
+  done: 'Done',
+  cancelled: 'Cancelled'
+}
+
+const statusBoardColors: Record<TaskStatus, string> = {
+  todo: '#64748b',
+  inprogress: '#3b82f6',
+  inreview: '#f59e0b',
+  done: '#22c55e',
+  cancelled: '#ef4444'
+}
+
+export function TaskKanbanBoard({ tasks, onDragEnd, onEditTask, onDeleteTask, onViewTaskDetails }: TaskKanbanBoardProps) {
+  const groupTasksByStatus = () => {
+    const groups: Record<TaskStatus, Task[]> = {} as Record<TaskStatus, Task[]>
+    
+    // Initialize groups for all possible statuses
+    allTaskStatuses.forEach(status => {
+      groups[status] = []
+    })
+    
+    tasks.forEach(task => {
+      // Convert old capitalized status to lowercase if needed
+      const normalizedStatus = task.status.toLowerCase() as TaskStatus
+      if (groups[normalizedStatus]) {
+        groups[normalizedStatus].push(task)
+      } else {
+        // Default to todo if status doesn't match any expected value
+        groups['todo'].push(task)
+      }
+    })
+    
+    return groups
+  }
+
+  return (
+    <KanbanProvider onDragEnd={onDragEnd}>
+      {Object.entries(groupTasksByStatus()).map(([status, statusTasks]) => (
+        <KanbanBoard key={status} id={status as TaskStatus}>
+          <KanbanHeader
+            name={statusLabels[status as TaskStatus]}
+            color={statusBoardColors[status as TaskStatus]}
+          />
+          <KanbanCards>
+            {statusTasks.map((task, index) => (
+              <TaskCard
+                key={task.id}
+                task={task}
+                index={index}
+                status={status}
+                onEdit={onEditTask}
+                onDelete={onDeleteTask}
+                onViewDetails={onViewTaskDetails}
+              />
+            ))}
+          </KanbanCards>
+        </KanbanBoard>
+      ))}
+    </KanbanProvider>
+  )
+}