translate navbar menu

Author: RafaelGB

src/components/NavBar.tsx

@@ -20,6 +20,7 @@ import DataviewFilters from "components/reducers/DataviewFilters";
 import { MenuButtonStyle } from "components/styles/NavBarStyles";
 import { SettingsModal } from "Settings";
 import CsvReader from "./navbar/CsvReader";
+import { t } from "lang/helpers";
 
 export function NavBar(navBarProps: NavBarProps) {
   const { table } = navBarProps;
@@ -75,7 +76,7 @@ export function NavBar(navBarProps: NavBarProps) {
             size="large"
             edge="start"
             color="inherit"
-            aria-label="Open table options"
+            aria-label={t("toolbar_menu_aria_label")}
             sx={{ mr: 2 }}
             id="long-button"
             aria-controls={open ? "long-menu" : undefined}
@@ -105,11 +106,11 @@ export function NavBar(navBarProps: NavBarProps) {
           >
             <MenuItem onClick={handleSettingsClick} disableRipple>
               <SettingsIcon {...MenuButtonStyle} />
-              Settings
+              {t("menu_pane_open_db_settings_action")}
             </MenuItem>
             <MenuItem onClick={handleOpenAsMarkdownClick} disableRipple>
               <InsertDriveFileIcon {...MenuButtonStyle} />
-              Open as Markdown
+              {t("menu_pane_open_as_md_action")}
             </MenuItem>
             <MenuItem disableRipple>
               {/* CSV buttton download */}

src/components/navbar/CsvReader.tsx

@@ -3,6 +3,7 @@ import FileUploadIcon from "@mui/icons-material/FileUpload";
 import React, { ChangeEventHandler, MouseEventHandler, useRef } from "react";
 import { MenuButtonStyle } from "components/styles/NavBarStyles";
 import { NavBarProps } from "cdm/MenuBarModel";
+import { t } from "lang/helpers";
 
 export default function CsvReader(navBarProps: NavBarProps) {
   const { table } = navBarProps;
@@ -30,7 +31,7 @@ export default function CsvReader(navBarProps: NavBarProps) {
   return (
     <MenuItem disableRipple onClick={handleFileUpload}>
       <FileUploadIcon {...MenuButtonStyle} />
-      Upload CSV
+      {t("toolbar_menu_import_csv")}
       {/* Hidden input element to trigger file upload */}
       <input
         ref={inputRef}

src/components/navbar/CsvWriter.tsx

@@ -7,6 +7,7 @@ import React from "react";
 import { CSVLink } from "react-csv";
 import DownloadIcon from "@mui/icons-material/Download";
 import { MenuButtonStyle } from "components/styles/NavBarStyles";
+import { t } from "lang/helpers";
 
 const CsvWriter = (CsvButtonProps: CsvButtonProps) => {
   const { columns, rows, name } = CsvButtonProps;
@@ -36,7 +37,7 @@ const CsvWriter = (CsvButtonProps: CsvButtonProps) => {
         target="_blank"
       >
         <DownloadIcon {...MenuButtonStyle} />
-        Download CSV
+        {t("toolbar_menu_export_csv")}
       </CSVLink>
     </>
   );

src/lang/locale/en.ts

@@ -2,7 +2,7 @@
 export default {
   /** MENUS */
   'ribbon_icon_title': 'Create a new database table',
-  'menu_pane_open_db_settings_action': 'Open database folder',
+  'menu_pane_open_db_settings_action': 'Open database Settings',
   'menu_pane_create_db': 'New database folder',
   'menu_pane_open_as_db_action': 'Open as database folder',
   'menu_pane_open_as_md_action': 'Open as Markdown',
@@ -12,4 +12,8 @@ export default {
   'operator_ends_with': 'Ends with',
   'operator_is_empty': 'Is empty',
   'operator_is_not_empty': 'Is not empty',
+  /** NAVBAR */
+  'toolbar_menu_aria_label': 'Open table options',
+  'toolbar_menu_export_csv': 'Export CSV',
+  'toolbar_menu_import_csv': 'Import CSV',
 };

src/lang/locale/es.ts

@@ -2,7 +2,7 @@
 export default {
     /** MENUS */
     'ribbon_icon_title': 'Crear una nueva tabla de base de datos',
-    'menu_pane_open_db_settings_action': 'Abrir carpeta de base de datos',
+    'menu_pane_open_db_settings_action': 'Abrir Configuración de base de datos',
     'menu_pane_create_db': 'Nueva carpeta de base de datos',
     'menu_pane_open_as_db_action': 'Abrir como carpeta de base de datos',
     'menu_pane_open_as_md_action': 'Abrir como Markdown',
@@ -12,4 +12,8 @@ export default {
     'operator_ends_with': 'Termina con',
     'operator_is_empty': 'Está vacío',
     'operator_is_not_empty': 'No está vacío',
+    /** NAVBAR */
+    'toolbar_menu_aria_label': 'Abrir opciones de tabla',
+    'toolbar_menu_export_csv': 'Exportar CSV',
+    'toolbar_menu_import_csv': 'Importar CSV',
 };