chore: v2 - update top menu in editor

Author: maxy-shpfy

src/routes/v2/pages/Editor/components/EditorMenuBar/EditorMenuBar.tsx

@@ -11,7 +11,6 @@ import { Text } from "@/components/ui/typography";
 import { usePipelineRename } from "@/routes/v2/pages/Editor/hooks/usePipelineRename";
 import { useEditorSession } from "@/routes/v2/pages/Editor/store/EditorSessionContext";
 import { AppMenuActions } from "@/routes/v2/shared/components/AppMenuActions";
-import { MenuTriggerButton } from "@/routes/v2/shared/components/MenuTriggerButton";
 import { useSharedStores } from "@/routes/v2/shared/store/SharedStoreContext";
 import { TOP_NAV_HEIGHT } from "@/utils/constants";
 
@@ -25,7 +24,7 @@ import { ViewMenu } from "./components/ViewMenu";
 import { WindowsMenu } from "./components/WindowsMenu";
 
 export const EditorMenuBar = observer(function EditorMenuBar() {
-  const { navigation, windows } = useSharedStores();
+  const { navigation } = useSharedStores();
   const { pipelineFile } = useEditorSession();
   const handlePipelineRename = usePipelineRename();
   const spec = navigation.activeSpec;
@@ -99,11 +98,6 @@ export const EditorMenuBar = observer(function EditorMenuBar() {
                 <FileMenu />
                 <ViewMenu />
                 <RunsMenu />
-                <MenuTriggerButton
-                  onClick={() => windows.restoreWindow("pipeline-details")}
-                >
-                  Notes
-                </MenuTriggerButton>
                 <ComponentsLibraryMenu />
                 <WindowsMenu />
                 <NodeMenu />

src/routes/v2/pages/Editor/components/EditorMenuBar/components/ComponentsLibraryMenu.tsx

@@ -1,3 +1,4 @@
+import { useNavigate } from "@tanstack/react-router";
 import { useRef } from "react";
 
 import { ImportComponent } from "@/components/shared/ReactFlow/FlowSidebar/components";
@@ -9,11 +10,11 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Icon } from "@/components/ui/icon";
+import { APP_ROUTES } from "@/routes/router";
 import { MenuTriggerButton } from "@/routes/v2/shared/components/MenuTriggerButton";
-import { useSharedStores } from "@/routes/v2/shared/store/SharedStoreContext";
 
 export function ComponentsLibraryMenu() {
-  const { windows } = useSharedStores();
+  const navigate = useNavigate();
   const importTriggerRef = useRef<HTMLButtonElement>(null);
 
   return (
@@ -24,17 +25,13 @@ export function ComponentsLibraryMenu() {
         </DropdownMenuTrigger>
         <DropdownMenuContent align="start" sideOffset={2}>
           <DropdownMenuItem
-            onClick={() => windows.restoreWindow("component-library")}
+            onClick={() =>
+              void navigate({ to: APP_ROUTES.DASHBOARD_COMPONENTS })
+            }
           >
             <Icon name="Library" size="sm" />
             Explore library
           </DropdownMenuItem>
-          <DropdownMenuItem
-            onClick={() => windows.restoreWindow("component-library")}
-          >
-            <Icon name="User" size="sm" />
-            My components
-          </DropdownMenuItem>
           <DropdownMenuSeparator />
           <DropdownMenuItem onClick={() => importTriggerRef.current?.click()}>
             <Icon name="PackagePlus" size="sm" />