Changes the order of the tool icons and rename "Fit Figure to Screen"…

… to "Zoom to Fit" -- #266
cytoscape · May 9, 2024 · 7efa38d · 7efa38d
1 parent 899905b
commit 7efa38d
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/src/client/components/network-editor/main.js b/src/client/components/network-editor/main.js
@@ -322,21 +322,9 @@ const Main = ({
 
   const menuDef = [ 
     {
-      title: getUndoMenuTitle(undoType),
-      icon: <UndoIcon />,
-      onClick: () => controller.undoHandler.undo(),
-      isEnabled: () => undoEnabled,
-    },
-    // {
-    //   title: "Delete Selected Nodes",
-    //   icon: <DeleteIcon />,
-    //   onClick: () => controller.deleteSelectedNodes(),
-    // },
-    {
-      title: "Restore Network Layout",
-      icon: <RestoreIcon />,
-      onClick: handleNetworkRestore,
-      unrelated: true,
+      title: "Zoom to Fit",
+      icon: <FitScreenIcon />,
+      onClick: panner.fit,
     }, {
       title: "Zoom In",
       icon: <AddIcon />,
@@ -345,10 +333,6 @@ const Main = ({
       title: "Zoom Out",
       icon: <RemoveIcon />,
       onClick: panner.zoomOut,
-    }, {
-      title: "Fit Figure to Screen",
-      icon: <FitScreenIcon />,
-      onClick: panner.fit,
       unrelated: true,
     }, {
       title: "Enable Drag-to-Select",
@@ -358,6 +342,22 @@ const Main = ({
       isSelected: () => !cy.userPanningEnabled(),
       alwaysShow: true, // always show on desktop/tablet, but still hides on mobile
       unrelated: true,
+    }, {
+      title: getUndoMenuTitle(undoType),
+      icon: <UndoIcon />,
+      onClick: () => controller.undoHandler.undo(),
+      isEnabled: () => undoEnabled,
+    },
+    // {
+    //   title: "Delete Selected Nodes",
+    //   icon: <DeleteIcon />,
+    //   onClick: () => controller.deleteSelectedNodes(),
+    // },
+    {
+      title: "Restore Network Layout",
+      icon: <RestoreIcon />,
+      onClick: handleNetworkRestore,
+      unrelated: true,
     }, {
       title: "Download Data and Images",
       icon: <DownloadIcon />,