Testing doc view

src/app/workspace/page.tsx

@@ -2,55 +2,25 @@
 
 import Router from "@/components/Router";
 import AppSidebar, { SidebarTrigger } from "@/components/sidebar/AppSidebar";
-import TaskView from "@/components/view/TaskView";
 import useWorkspace from "@/hooks/workspace";
-import { Task } from "@/lib/types";
 import { ChevronRight } from "lucide-react";
-import { useEffect, useState } from "react";
-
-const id = (prefix = "t") =>
-  `${prefix}_${Math.random().toString(36).slice(2, 9)}`;
 
 export default function Workspace() {
-  const [route, setRoute] = useState("");
   const workspace = useWorkspace();
 
-  const createTask = (status: string) => {
-    const task: Task = {
-      id: id(),
-      title: "New task",
-      status: status,
-    };
-    workspace.entities[workspace.route].setTasks((c: Task[]) => [...c, task]);
-  };
-
   return (
     <AppSidebar workspace={workspace}>
-      <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 flex items-center text-foreground/90">
-                  {workspace.name}
-                  <ChevronRight className="h-5" />
-                  {workspace.entities[workspace.route].name}
-                </header>
-              </div>
-            </SidebarTrigger>
-            <TaskView
-              tasks={workspace.entities[workspace.route].tasks}
-              setTasks={workspace.entities[workspace.route].setTasks}
-              createTask={createTask}
-              tags={{
-                website: { color: "yellow", name: "Website" },
-                api: { color: "purple", name: "API" },
-                app: { color: "blue", name: "App" },
-              }}
-            />
-          </>
-        )}
-      </Router>
+      <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 flex items-center text-foreground/90">
+            {workspace.name}
+            <ChevronRight className="h-5" />
+            {workspace.entities[workspace.route].name}
+          </header>
+        </div>
+      </SidebarTrigger>
+
+      <Router workspace={workspace} />
     </AppSidebar>
   );
 }