Add i18n support for Tabs

Author: alan412

src/i18n/locales/en/translation.json

@@ -69,6 +69,13 @@
     "COPY_TYPE_TITLE": "Copy {{type}}: {{title}}",
     "RENAME": "Rename",
     "NO_FILES_FOUND": "No {{type}} files found",
+    "DELETE": "Delete",
+    "CANCEL": "Cancel",
+    "CLOSE_TAB": "Close Tab",
+    "CLOSE_OTHER_TABS": "Close Other tabs",
+    "RENAME_ELLIPSIS": "Rename...",
+    "DELETE_ELLIPSIS": "Delete...",
+    "COPY_ELLIPSIS": "Copy...",
     "MECHANISMS": "Mechanisms",    
     "OPMODES": "OpModes",
     "BLOCKLY":{

src/i18n/locales/es/translation.json

@@ -66,6 +66,13 @@
     "COPY_TYPE_TITLE": "Copiar {{type}}: {{title}}",
     "RENAME": "Renombrar",
     "NO_FILES_FOUND": "No se encontraron archivos de {{type}}",
+    "DELETE": "Eliminar",
+    "CANCEL": "Cancelar",
+    "CLOSE_TAB": "Cerrar Pestaña",
+    "CLOSE_OTHER_TABS": "Cerrar Otras Pestañas",
+    "RENAME_ELLIPSIS": "Renombrar...",
+    "DELETE_ELLIPSIS": "Eliminar...",
+    "COPY_ELLIPSIS": "Copiar...",
     "addTabDialog": {
         "title": "Agregar Pestaña",
         "search": "Buscar..."

src/i18n/locales/he/translation.json

@@ -69,6 +69,13 @@
     "COPY_TYPE_TITLE": "העתקת {{type}}: {{title}}",
     "RENAME": "שנה שם",
     "NO_FILES_FOUND": "לא נמצאו קבצי {{type}}",
+    "DELETE": "מחק",
+    "CANCEL": "בטל",
+    "CLOSE_TAB": "סגור לשונית",
+    "CLOSE_OTHER_TABS": "סגור לשוניות אחרות",
+    "RENAME_ELLIPSIS": "שנה שם...",
+    "DELETE_ELLIPSIS": "מחק...",
+    "COPY_ELLIPSIS": "העתק...",
   "MECHANISMS": "מנגנונים",    
   "OPMODES": "אופמודים",
   "BLOCKLY": {

src/reactComponents/Tabs.tsx

@@ -56,7 +56,7 @@ export interface TabsProps {
 }
 
 /** Default copy suffix for tab names. */
-const COPY_SUFFIX = 'Copy';
+const COPY_SUFFIX = ' (copy)';
 
 /** Minimum number of tabs required to show close others option. */
 const MIN_TABS_FOR_CLOSE_OTHERS = 2;
@@ -186,7 +186,7 @@ export function Component(props: TabsProps): React.JSX.Element {
       triggerProjectUpdate();
     } catch (error) {
       console.error('Error renaming module:', error);
-      props.setAlertErrorMessage('Failed to rename module');
+      props.setAlertErrorMessage(t('FAILED_TO_RENAME_MODULE'));
     }
 
     setRenameModalOpen(false);
@@ -213,7 +213,7 @@ export function Component(props: TabsProps): React.JSX.Element {
 
       if (!originalTab) {
         console.error('Original tab not found for copying:', key);
-        props.setAlertErrorMessage('Original tab not found for copying');
+        props.setAlertErrorMessage(t('MODULE_NOT_FOUND_FOR_COPYING'));
         return;
       }
 
@@ -223,7 +223,7 @@ export function Component(props: TabsProps): React.JSX.Element {
       triggerProjectUpdate();
     } catch (error) {
       console.error('Error copying module:', error);
-      props.setAlertErrorMessage('Failed to copy module');
+      props.setAlertErrorMessage(t('FAILED_TO_COPY_MODULE'));
     }
 
     setCopyModalOpen(false);
@@ -260,11 +260,11 @@ export function Component(props: TabsProps): React.JSX.Element {
     const titleToShow = currentTab ? currentTab.title : tab.title;
 
     modal.confirm({
-      title: `${t('Delete')} ${TabTypeUtils.toString(tab.type)}: ${titleToShow}`,
-      content: t('Are you sure you want to delete this? This action cannot be undone.'),
-      okText: t('Delete'),
+      title: t('DELETE_MODULE_CONFIRM', { title: `${TabTypeUtils.toString(tab.type)}: ${titleToShow}` }),
+      content: t('DELETE_CANNOT_BE_UNDONE'),
+      okText: t('DELETE'),
       okType: 'danger',
-      cancelText: t('Cancel'),
+      cancelText: t('CANCEL'),
       onOk: async (): Promise<void> => {
         const newTabs = props.tabList.filter((t) => t.key !== tab.key);
         props.setTabList(newTabs);
@@ -290,35 +290,35 @@ export function Component(props: TabsProps): React.JSX.Element {
   const createTabContextMenuItems = (tab: TabItem): any[] => [
     {
       key: 'close',
-      label: t('Close Tab'),
+      label: t('CLOSE_TAB'),
       onClick: () => handleTabEdit(tab.key, 'remove'),
       disabled: tab.type === TabType.ROBOT,
       icon: <CloseOutlined />,
     },
     {
       key: 'close-others',
-      label: t('Close Other tabs'),
+      label: t('CLOSE_OTHER_TABS'),
       onClick: () => handleCloseOtherTabs(tab.key),
       disabled: props.tabList.length <= getMinTabsForCloseOthers(tab.type),
       icon: <CloseCircleOutlined />,
     },
     {
       key: 'rename',
-      label: t('Rename...'),
+      label: t('RENAME_ELLIPSIS'),
       disabled: tab.type === TabType.ROBOT,
       onClick: () => handleOpenRenameModal(tab),
       icon: <EditOutlined />,
     },
     {
       key: 'delete',
-      label: t('Delete...'),
+      label: t('DELETE_ELLIPSIS'),
       disabled: tab.type === TabType.ROBOT,
       icon: <DeleteOutlined />,
       onClick: () => handleDeleteTab(tab),
     },
     {
       key: 'copy',
-      label: t('Copy...'),
+      label: t('COPY_ELLIPSIS'),
       disabled: tab.type === TabType.ROBOT,
       icon: <CopyOutlined />,
       onClick: () => handleOpenCopyModal(tab),
@@ -366,17 +366,16 @@ export function Component(props: TabsProps): React.JSX.Element {
       />
 
       <Antd.Modal
-        title={`Rename ${currentTab ? TabTypeUtils.toString(currentTab.type) : ''}: ${currentTab ? currentTab.title : ''
-          }`}
+        title={t('RENAME_TYPE_TITLE', { type: currentTab ? TabTypeUtils.toString(currentTab.type) : '', title: currentTab ? currentTab.title : '' })}
         open={renameModalOpen}
         onCancel={() => setRenameModalOpen(false)}
         onOk={() => {
           if (currentTab) {
             handleRename(currentTab.key, name);
           }
         }}
-        okText={t('Rename')}
-        cancelText={t('Cancel')}
+        okText={t('RENAME')}
+        cancelText={t('CANCEL')}
       >
         {currentTab && (
           <ClassNameComponent
@@ -396,17 +395,16 @@ export function Component(props: TabsProps): React.JSX.Element {
       </Antd.Modal>
 
       <Antd.Modal
-        title={`Copy ${currentTab ? TabTypeUtils.toString(currentTab.type) : ''}: ${currentTab ? currentTab.title : ''
-          }`}
+        title={t('COPY_TYPE_TITLE', { type: currentTab ? TabTypeUtils.toString(currentTab.type) : '', title: currentTab ? currentTab.title : '' })}
         open={copyModalOpen}
         onCancel={() => setCopyModalOpen(false)}
         onOk={() => {
           if (currentTab) {
             handleCopy(currentTab.key, name);
           }
         }}
-        okText={t('Copy')}
-        cancelText={t('Cancel')}
+        okText={t('COPY')}
+        cancelText={t('CANCEL')}
       >
         {currentTab && (
           <ClassNameComponent