Very awful code

src/app/workspace/page.tsx

@@ -11,7 +11,7 @@ const id = (prefix = "t") =>
   `${prefix}_${Math.random().toString(36).slice(2, 9)}`;
 
 export default function Workspace() {
-  const [tasks, setTasks] = useState<Task[]>([]);
+  const [route, setRoute] = useState("");
   const workspace = useWorkspace();
 
   const createTask = (status: string) => {
@@ -20,28 +20,34 @@ export default function Workspace() {
       title: "New task",
       status: status,
     };
-    setTasks((c) => [...c, task]);
+    workspace.entityData[workspace.route].setTasks((c: Task[]) => [...c, task]);
   };
 
   return (
     <AppSidebar workspace={workspace}>
-      <SidebarTrigger className="w-full px-4">
-        <div className="px-4">
-          <header className="w-full border-b-2 pb-3 pt-2 hover:bg-accent/20">
-            Workspace
-          </header>
-        </div>
-      </SidebarTrigger>
-      <TaskView
-        tasks={tasks}
-        setTasks={setTasks}
-        createTask={createTask}
-        tags={{
-          website: { color: "yellow", name: "Website" },
-          api: { color: "purple", name: "API" },
-          app: { color: "blue", name: "App" },
-        }}
-      />
+      <Router route={route} setRoute={setRoute}>
+        {(route) => (
+          <>
+            <SidebarTrigger className="w-full px-4">
+              <div className="px-4">
+                <header className="w-full border-b-2 pb-3 pt-2 hover:bg-accent/20">
+                  Workspace
+                </header>
+              </div>
+            </SidebarTrigger>
+            <TaskView
+              tasks={workspace.entityData[workspace.route].setTasks}
+              setTasks={workspace.entityData[workspace.route].tasks}
+              createTask={createTask}
+              tags={{
+                website: { color: "yellow", name: "Website" },
+                api: { color: "purple", name: "API" },
+                app: { color: "blue", name: "App" },
+              }}
+            />
+          </>
+        )}
+      </Router>
     </AppSidebar>
   );
 }