diff --git a/frontend/src/pages/project-tasks.tsx b/frontend/src/pages/project-tasks.tsx index 6a49aa1f..91d83fe6 100644 --- a/frontend/src/pages/project-tasks.tsx +++ b/frontend/src/pages/project-tasks.tsx @@ -2,9 +2,10 @@ import { useState, useEffect } from "react"; import { useParams, useNavigate } from "react-router-dom"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; -import { ArrowLeft, Plus } from "lucide-react"; +import { Plus, Settings } from "lucide-react"; import { makeRequest } from "@/lib/api"; import { TaskFormDialog } from "@/components/tasks/TaskFormDialog"; +import { ProjectForm } from "@/components/projects/project-form"; import { useKeyboardShortcuts } from "@/lib/keyboard-shortcuts"; import { getMainContainerClasses, @@ -13,19 +14,11 @@ import { import { TaskKanbanBoard } from "@/components/tasks/TaskKanbanBoard"; import { TaskDetailsPanel } from "@/components/tasks/TaskDetailsPanel"; -import type { TaskStatus, TaskWithAttemptStatus } from "shared/types"; +import type { TaskStatus, TaskWithAttemptStatus, Project } from "shared/types"; import type { DragEndEvent } from "@/components/ui/shadcn-io/kanban"; type Task = TaskWithAttemptStatus; -interface Project { - id: string; - name: string; - owner_id: string; - created_at: string; - updated_at: string; -} - interface ApiResponse { success: boolean; data: T | null; @@ -41,6 +34,7 @@ export function ProjectTasks() { const [error, setError] = useState(null); const [isTaskDialogOpen, setIsTaskDialogOpen] = useState(false); const [editingTask, setEditingTask] = useState(null); + const [isProjectSettingsOpen, setIsProjectSettingsOpen] = useState(false); // Panel state const [selectedTask, setSelectedTask] = useState(null); @@ -240,6 +234,11 @@ export function ProjectTasks() { setSelectedTask(null); }; + const handleProjectSettingsSuccess = () => { + setIsProjectSettingsOpen(false); + fetchProject(); // Refresh project data after settings change + }; + const handleDragEnd = async (event: DragEndEvent) => { const { active, over } = event; @@ -303,36 +302,18 @@ export function ProjectTasks() { {/* Left Column - Kanban Section */}
{/* Header */} - {/*
-
- -
-

- {project?.name || "Project"} Tasks -

-

- Manage tasks for this project -

-
-
- - -
*/}
-
+

{project?.name || "Project"}

+