Move Manage to Control section and put back Explorer

Author: alan412

src/i18n/locales/en/translation.json

@@ -20,6 +20,7 @@
         "search": "Search..."
     },
     "PROJECT": "Project",
+    "PROJECTS": "Projects",
     "SAVE": "Save",
     "DEPLOY": "Deploy",
     "MANAGE": "Manage",

src/i18n/locales/es/translation.json

@@ -17,6 +17,7 @@
     "example_opmode": "Por ejemplo: AutoEstacionarYDisparar",
     "example_project": "Por ejemplo: RobotRuedasLocas",
     "PROJECT": "Proyecto",
+    "PROJECTS": "Proyectos",
     "SAVE": "Guardar",
     "DEPLOY": "Desplegar",
     "MANAGE": "Gestionar",

src/i18n/locales/he/translation.json

@@ -20,6 +20,7 @@
     "search": "חיפוש..."
   },
   "PROJECT": "פרויקט",
+  "PROJECTS": "פרויקטים",
   "SAVE": "שמור",
   "DEPLOY": "העלה לרובוט",
   "MANAGE": "ניהול",

src/reactComponents/Menu.tsx

@@ -43,6 +43,7 @@ import {
   CheckOutlined,
   DownloadOutlined,
   UploadOutlined,
+  ControlOutlined
 } from '@ant-design/icons';
 import FileManageModal from './FileManageModal';
 import ProjectManageModal from './ProjectManageModal';
@@ -102,19 +103,42 @@ function getDivider(): MenuItem {
  * Generates menu items for a given project.
  */
 function getMenuItems(t: (key: string) => string, project: storageProject.Project, currentLanguage: string): MenuItem[] {
-  
+  const mechanisms: MenuItem[] = [];
+  const opmodes: MenuItem[] = [];
+
+  // Build mechanisms menu items
+  project.mechanisms.forEach((mechanism) => {
+    mechanisms.push(getItem(
+        mechanism.className,
+        mechanism.modulePath,
+        <BlockOutlined />
+    ));
+  });
+
+  // Build opmodes menu items
+  project.opModes.forEach((opmode) => {
+    opmodes.push(getItem(
+        opmode.className,
+        opmode.modulePath,
+        <CodeOutlined />
+    ));
+  });
+
   return [
     getItem(t('PROJECT'), 'project', <FolderOutlined />, [
       getItem(t('SAVE'), 'save', <SaveOutlined />),
       getItem(t('DEPLOY'), 'deploy'),
-      getDivider(),
-      getItem(t('MANAGE') + '...', 'manageProjects'),
     ]),
-    getItem(t('EXPLORER'), 'explorer', <FileOutlined />, [
-      getItem(t('ROBOT'), project.robot.modulePath, <RobotOutlined />),
+    getItem(t('MANAGE'), 'manage', <ControlOutlined />, [
+      getItem(t('PROJECTS') + '...', 'manageProjects', <FolderOutlined />),
       getItem(t('MECHANISMS') + '...', 'manageMechanisms', <BlockOutlined />),
       getItem(t('OPMODES') + '...', 'manageOpmodes', <CodeOutlined />),
     ]),
+    getItem(t('EXPLORER'), 'explorer', <FileOutlined />, [
+      getItem(t('ROBOT'), project.robot.modulePath, <RobotOutlined />),
+      getItem(t('MECHANISMS'), 'mechanisms', <BlockOutlined />, mechanisms),
+      getItem(t('OPMODES'), 'opmodes', <CodeOutlined />, opmodes),
+    ]),
     getItem(t('SETTINGS'), 'settings', <SettingOutlined />, [
       getItem(t('WPI_TOOLBOX'), 'wpi_toolbox'),
       getItem(t('THEME') + '...', 'theme', <BgColorsOutlined />),