Small thing

src/app/workspace/page.tsx

@@ -1,8 +1,9 @@
 "use client";
 
+import Router from "@/components/Router";
 import AppSidebar, { SidebarTrigger } from "@/components/sidebar/AppSidebar";
-import BoardView from "@/components/view/board/BoardView";
 import TaskView from "@/components/view/TaskView";
+import useWorkspace from "@/hooks/workspace";
 import { Task } from "@/lib/types";
 import { useEffect, useState } from "react";
 
@@ -11,20 +12,7 @@ const id = (prefix = "t") =>
 
 export default function Workspace() {
   const [tasks, setTasks] = useState<Task[]>([]);
-
-  useEffect(() => {
-    setTasks([
-      { id: id(), title: "Buy groceries", status: "todo" },
-      { id: id(), title: "Plan sprint", status: "todo" },
-      {
-        id: id(),
-        title: "Build App",
-        description: "A simple description",
-        tags: ["website", "api", "app"],
-        status: "inprogress",
-      },
-    ]);
-  }, []);
+  const workspace = useWorkspace();
 
   const createTask = (status: string) => {
     const task: Task = {
@@ -36,7 +24,7 @@ export default function Workspace() {
   };
 
   return (
-    <AppSidebar>
+    <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">