Pr fix manage (#242)

* Change to use theme

* Get ProjectManageModal cleaner

* Cleanup of File Management

* Add strings to internationalization

* When copying, go to that one

* Reduce duplication of code

* Add select and rename now goes to one renamed

* Remove individual mechanisms from Explorer

* Move break to where it belongs

* Removed spamming of console with log messages

* Get rid of spamming message to console

* Remove unneeded activeTab

* Update comment to be correct after change in method

* Move Manage to Control section and put back Explorer

* Removed getDivider since it is no longer used

* Fix interpolation in translation files

* Change Create New to have type created

* Added CreateNew to Project so it will look like the others

Author: alan412

src/App.tsx

@@ -581,12 +581,17 @@ const AppContent: React.FC<AppContentProps> = ({ project, setProject }): React.J
     }
   }, [project]);
 
-  // Update tab items when fetching modules is done.
+  // Update tab items when ever the modules in the project change.
   React.useEffect(() => {
     if (project) {
       const tabs = createTabItemsFromProject(project);
       setTabItems(tabs);
-      setActiveTab(project.robot.modulePath);
+      
+      // Only set active tab to robot if no active tab is set or if the current active tab no longer exists
+      const currentActiveTabExists = tabs.some(tab => tab.key === activeTab);
+      if (!activeTab || !currentActiveTabExists) {
+        setActiveTab(project.robot.modulePath);
+      }
     }
   }, [modulePathToContentText]);
 

src/i18n/locales/en/translation.json

@@ -20,6 +20,7 @@
         "search": "Search..."
     },
     "PROJECT": "Project",
+    "PROJECTS": "Projects",
     "SAVE": "Save",
     "DEPLOY": "Deploy",
     "MANAGE": "Manage",
@@ -37,11 +38,35 @@
     "SELECT_HIDDEN": "Select Hidden",
     "NO_HIDDEN_MECHANISMS": "No Hidden Mechanisms",
     "NO_HIDDEN_OPMODES": "No Hidden Opmodes",
-    "CREATE_NEW": "Create New",
+    "CREATE_NEW": "Create New {{type}}",
     "CREATE": "Create",
     "BLOCKS": "Blocks",
     "CODE": "Code",
     "COPY": "Copy",
+    "FAILED_TO_RENAME_PROJECT": "Failed to rename project",
+    "FAILED_TO_COPY_PROJECT": "Failed to copy project",
+    "FAILED_TO_CREATE_PROJECT": "Failed to create a new project.",
+    "FAILED_TO_DELETE_PROJECT": "Failed to delete the project.",
+    "RENAME_PROJECT": "Rename Project",
+    "COPY_PROJECT": "Copy Project",
+    "NAME": "Name",
+    "ACTIONS": "Actions",
+    "DELETE_PROJECT_CONFIRM": "Delete {{projectName}}?",
+    "DELETE_CANNOT_BE_UNDONE": "This action cannot be undone.",
+    "NO_PROJECTS_FOUND": "No projects found",
+    "CREATE_PROJECT_TO_START": "Please create a new project to get started.",
+    "PAGINATION_ITEMS": "{{range0}}-{{range1}} of {{total}} items",
+    "FAILED_TO_RENAME_MODULE": "Failed to rename module",
+    "FAILED_TO_COPY_MODULE": "Failed to copy module",
+    "MODULE_NOT_FOUND_FOR_COPYING": "Original module not found for copying",
+    "COPY_SUFFIX": "{{name}} (copy)",
+    "DELETE_MODULE_CONFIRM": "Delete {{title}}?",
+    "MANAGEMENT": "Management",
+    "TYPE_MANAGEMENT": "{{type}} Management",
+    "RENAME_TYPE_TITLE": "Rename {{type}}: {{title}}",
+    "COPY_TYPE_TITLE": "Copy {{type}}: {{title}}",
+    "RENAME": "Rename",
+    "NO_FILES_FOUND": "No {{type}} files found",
     "MECHANISMS": "Mechanisms",    
     "OPMODES": "OpModes",
     "BLOCKLY":{
@@ -103,7 +128,8 @@
             "EVENTS": "Events",
             "ADD_MECHANISM": "+ Mechanism",
             "ADD_COMPONENT": "+ Component",
-            "TEST": "Test"
+            "TEST": "Test",
+            "PAGINATION_TOTAL": "{{start}}-{{end}} of {{total}} items"
         },
         "WARNING":{
             "CALL_COMPONENT_INSTANCE_METHOD_PRIVATE_COMPONENT": "This blocks calls a method on a private component in the {{mechanismClassName}} mechanism.",

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",
@@ -34,11 +35,35 @@
     "SELECT_HIDDEN": "Seleccionar Oculto",
     "NO_HIDDEN_MECHANISMS": "No Hay Mecanismos Ocultos",
     "NO_HIDDEN_OPMODES": "No Hay Opmodes Ocultos",
-    "CREATE_NEW": "Crear Nuevo",
+    "CREATE_NEW": "Crear Nuevo {{type}}",
     "CREATE": "Crear",
     "BLOCKS": "Bloques",
     "CODE": "Código",
     "COPY": "Copiar",
+    "FAILED_TO_RENAME_PROJECT": "Error al renombrar proyecto",
+    "FAILED_TO_COPY_PROJECT": "Error al copiar proyecto",
+    "FAILED_TO_CREATE_PROJECT": "Error al crear un nuevo proyecto.",
+    "FAILED_TO_DELETE_PROJECT": "Error al eliminar el proyecto.",
+    "RENAME_PROJECT": "Renombrar Proyecto",
+    "COPY_PROJECT": "Copiar Proyecto",
+    "NAME": "Nombre",
+    "ACTIONS": "Acciones",
+    "DELETE_PROJECT_CONFIRM": "¿Eliminar {{projectName}}?",
+    "DELETE_CANNOT_BE_UNDONE": "Esta acción no se puede deshacer.",
+    "NO_PROJECTS_FOUND": "No se encontraron proyectos",
+    "CREATE_PROJECT_TO_START": "Por favor crea un nuevo proyecto para comenzar.",
+    "PAGINATION_ITEMS": "{{range0}}-{{range1}} de {{total}} elementos",
+    "FAILED_TO_RENAME_MODULE": "Error al renombrar módulo",
+    "FAILED_TO_COPY_MODULE": "Error al copiar módulo",
+    "MODULE_NOT_FOUND_FOR_COPYING": "Módulo original no encontrado para copiar",
+    "COPY_SUFFIX": "{{name}} (copia)",
+    "DELETE_MODULE_CONFIRM": "¿Eliminar {{title}}?",
+    "MANAGEMENT": "Gestión",
+    "TYPE_MANAGEMENT": "Gestión de {{type}}",
+    "RENAME_TYPE_TITLE": "Renombrar {{type}}: {{title}}",
+    "COPY_TYPE_TITLE": "Copiar {{type}}: {{title}}",
+    "RENAME": "Renombrar",
+    "NO_FILES_FOUND": "No se encontraron archivos de {{type}}",
     "addTabDialog": {
         "title": "Agregar Pestaña",
         "search": "Buscar..."
@@ -104,7 +129,8 @@
             "EVENTS": "Eventos",
             "ADD_MECHANISM": "+ Mecanismo",
             "ADD_COMPONENT": "+ Componente",
-            "TEST": "Prueba"
+            "TEST": "Prueba",
+            "PAGINATION_TOTAL": "{{start}}-{{end}} de {{total}} elementos"
         },
         "WARNING":{
             "CALL_COMPONENT_INSTANCE_METHOD_PRIVATE_COMPONENT": "Este bloque llama a un método en un componente privado en el mecanismo {{mechanismClassName}}.",

src/i18n/locales/he/translation.json

@@ -20,6 +20,7 @@
     "search": "חיפוש..."
   },
   "PROJECT": "פרויקט",
+  "PROJECTS": "פרויקטים",
   "SAVE": "שמור",
   "DEPLOY": "העלה לרובוט",
   "MANAGE": "ניהול",
@@ -37,11 +38,35 @@
   "SELECT_HIDDEN": "בחר נסתר",
   "NO_HIDDEN_MECHANISMS": "אין מנגנונים נסתרים",
   "NO_HIDDEN_OPMODES": "אין אופמודים נסתרים",
-  "CREATE_NEW": "צור חדש",
+  "CREATE_NEW": "צור {{type}} חדש",
   "CREATE": "צור",
   "BLOCKS": "בלוקים",
   "CODE": "קוד",
   "COPY": "העתק",
+    "FAILED_TO_RENAME_PROJECT": "נכשל בשינוי שם הפרויקט",
+    "FAILED_TO_COPY_PROJECT": "נכשל בהעתקת הפרויקט",
+    "FAILED_TO_CREATE_PROJECT": "נכשל ביצירת פרויקט חדש.",
+    "FAILED_TO_DELETE_PROJECT": "נכשל במחיקת הפרויקט.",
+    "RENAME_PROJECT": "שנה שם פרויקט",
+    "COPY_PROJECT": "העתק פרויקט",
+    "NAME": "שם",
+    "ACTIONS": "פעולות",
+    "DELETE_PROJECT_CONFIRM": "מחק את {{projectName}}?",
+    "DELETE_CANNOT_BE_UNDONE": "פעולה זו לא ניתנת לביטול.",
+    "NO_PROJECTS_FOUND": "לא נמצאו פרויקטים",
+    "CREATE_PROJECT_TO_START": "אנא צור פרויקט חדש כדי להתחיל.",
+    "PAGINATION_ITEMS": "{{range0}}-{{range1}} מתוך {{total}} פריטים",
+    "FAILED_TO_RENAME_MODULE": "נכשל בשינוי שם המודול",
+    "FAILED_TO_COPY_MODULE": "נכשל בהעתקת המודול",
+    "MODULE_NOT_FOUND_FOR_COPYING": "המודול המקורי לא נמצא להעתקה",
+    "COPY_SUFFIX": "{{name}} (עותק)",
+    "DELETE_MODULE_CONFIRM": "מחק את {{title}}?",
+    "MANAGEMENT": "ניהול",
+    "TYPE_MANAGEMENT": "ניהול {{type}}",
+    "RENAME_TYPE_TITLE": "שינוי שם {{type}}: {{title}}",
+    "COPY_TYPE_TITLE": "העתקת {{type}}: {{title}}",
+    "RENAME": "שנה שם",
+    "NO_FILES_FOUND": "לא נמצאו קבצי {{type}}",
   "MECHANISMS": "מנגנונים",    
   "OPMODES": "אופמודים",
   "BLOCKLY": {
@@ -103,7 +128,8 @@
       "EVENTS": "אירועים",
       "ADD_MECHANISM": "+ מנגנון",
       "ADD_COMPONENT": "+ רכיב",
-      "TEST": "בדיקה"
+      "TEST": "בדיקה",
+            "PAGINATION_TOTAL": "{{start}}-{{end}} מתוך {{total}} פריטים"
     },
     "WARNING": {
       "CALL_COMPONENT_INSTANCE_METHOD_PRIVATE_COMPONENT": "בלוק זה קורא למתודה על רכיב פרטי במנגנון {{mechanismClassName}}.",

src/reactComponents/AddTabDialog.tsx

@@ -185,7 +185,7 @@ export default function AddTabDialog(props: AddTabDialogProps) {
           locale={{emptyText: tabType === TabType.MECHANISM ? t('NO_HIDDEN_MECHANISMS') : t('NO_HIDDEN_OPMODES')}}
         />
         <h4 style={{margin: '0 0 8px 0'}}>
-          {t('CREATE_NEW')}
+          {t('CREATE_NEW', { type: TabTypeUtils.toString(tabType) })}
         </h4>
 
         <div style={{