Edit

src/components/view/TaskView.tsx

@@ -1,19 +1,28 @@
 "use client";
 
-import { Tag, TagId, Task, TaskId } from "@/lib/types";
+import { Tag, TagId, Task, TaskId, Status } from "@/lib/types";
 import { Color } from "@/lib/ui/color";
 import BoardView from "./board/BoardView";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
 import { TableView } from "./table/TableView";
+import EditView from "./edit/EditView";
 
 export type TaskViewProps = {
   tags: Record<TagId, Tag>;
 
   tasks: Record<TaskId, Task>;
 
+  statuses: Status[];
+
   /** Update entire tasks record */
   setTasks: (tasks: Record<TaskId, Task>) => void;
 
+  /** Update tags */
+  setTags: (tags: Record<TagId, Tag>) => void;
+
+  /** Update statuses */
+  setStatuses: (statuses: Status[]) => void;
+
   /** Create a new task with a status */
   createTask: (statusId: string) => void;
 };
@@ -21,7 +30,10 @@ export type TaskViewProps = {
 export default function TaskView({
   tags,
   tasks,
+  statuses,
   setTasks,
+  setTags,
+  setStatuses,
   createTask,
 }: TaskViewProps) {
   return (
@@ -30,6 +42,7 @@ export default function TaskView({
         <TabsList className="mb-4">
           <TabsTrigger value="board">Board</TabsTrigger>
           <TabsTrigger value="table">Table</TabsTrigger>
+          <TabsTrigger value="edit">Edit</TabsTrigger>
         </TabsList>
 
         <TabsContent value="board" className="mt-0">
@@ -38,6 +51,9 @@ export default function TaskView({
             setTasks={setTasks}
             createTask={createTask}
             tags={tags}
+            setTags={setTags}
+            setStatuses={setStatuses}
+            statuses={statuses}
           />
         </TabsContent>
 
@@ -47,6 +63,18 @@ export default function TaskView({
             setTasks={setTasks}
             createTask={createTask}
             tags={tags}
+            setTags={setTags}
+            setStatuses={setStatuses}
+            statuses={statuses}
+          />
+        </TabsContent>
+
+        <TabsContent value="edit" className="mt-0">
+          <EditView
+            tags={tags}
+            statuses={statuses}
+            setTags={setTags}
+            setStatuses={setStatuses}
           />
         </TabsContent>
       </Tabs>