Route saving

src/app/workspace/page.tsx

@@ -14,9 +14,6 @@ import {
 } from "@/lib/workspace";
 
 export default function Workspace() {
-  const [currentWorkspace, setCurrentWorkspace] = useState<string>();
-  const [isInitialized, setIsInitialized] = useState(false);
-
   const { workspace, loadWorkspace, updateEntity, setWorkspace } =
     useWorkspace();
 
@@ -26,9 +23,10 @@ export default function Workspace() {
    * Initialize workspace from cookie on mount
    */
   useEffect(() => {
-    const workspaceId = Cookies.get("workspace");
+    const routeString = Cookies.get("route");
-    setCurrentWorkspace(workspaceId);
+    if (!routeString) return;
-    setIsInitialized(true);
+    const route = JSON.parse(routeString) as Route;
+    setRoute(route);
   }, []);
 
   /**
@@ -41,16 +39,14 @@ export default function Workspace() {
    * for this case.
    */
   useEffect(() => {
-    if (!isInitialized) return;
+    loadWorkspace(route.workspace);
-
+    if (route.workspace) {
-    loadWorkspace(currentWorkspace);
+      Cookies.set("route", JSON.stringify(route));
-    if (currentWorkspace) {
-      Cookies.set("workspace", currentWorkspace);
     } else {
-      Cookies.remove("workspace");
+      Cookies.remove("route");
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentWorkspace, isInitialized]);
+  }, [route]);
 
   /**
    * Load route (entity) from localStorage when workspace loads
@@ -103,7 +99,7 @@ export default function Workspace() {
         onClick={() => {
           const w = createDefaultWorkspace();
           saveWorkspaceToLocalStorage(w);
-          setCurrentWorkspace(w.id);
+          setRoute({ workspace: w.id });
         }}
       >
         <div className="text-center space-y-6">

src/components/view/TaskView.tsx

@@ -92,7 +92,15 @@ export default function TaskView({
   };
   return (
     <div className="px-6 pt-4 flex flex-col gap-4">
-      <div className="flex items-center justify-end">
+      <div className="flex items-center justify-end"></div>
+      <Tabs defaultValue="board" className="w-full">
+        <div className="flex justify-between">
+          <TabsList className="mb-4">
+            <TabsTrigger value="board">Board</TabsTrigger>
+            <TabsTrigger value="table">Table</TabsTrigger>
+            <TabsTrigger value="edit">Edit</TabsTrigger>
+          </TabsList>
+
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="outline" size="sm" disabled={isExporting}>
@@ -114,12 +122,6 @@ export default function TaskView({
             </DropdownMenuContent>
           </DropdownMenu>
         </div>
-      <Tabs defaultValue="board" className="w-full">
-        <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">
           <BoardView