Edit

src/components/Router.tsx

@@ -55,6 +55,28 @@ export default function Router({
         }));
       };
 
+      const setTags = (tags: Record<string, any>) => {
+        updateEntity(entityId, (e) => ({
+          ...e,
+          tags: e.type === "todo" ? tags : {},
+        }));
+      };
+
+      const setStatuses = (statuses: any[]) => {
+        updateEntity(entityId, (e) => {
+          if (e.type === "todo") {
+            return {
+              ...e,
+              config: {
+                ...e.config,
+                statuses,
+              },
+            };
+          }
+          return e;
+        });
+      };
+
       return (
         <TaskView
           key={entity.id}
@@ -62,6 +84,9 @@ export default function Router({
           setTasks={setTasks}
           createTask={createTask}
           tags={entity.tags}
+          statuses={entity.config.statuses}
+          setTags={setTags}
+          setStatuses={setStatuses}
         />
       );
     }

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>