feat: enhance internationalization support across various components and update translations

Author: Irozuku

DashAI/front/src/components/generative/ImageMessage.jsx

@@ -2,8 +2,10 @@ import { Box, useTheme } from "@mui/material";
 import { useState } from "react";
 import { FullscreenImageChat } from "./FullscreenImageChat";
 import api from "../../api/api";
+import { useTranslation } from "react-i18next";
 
 export function ImageMessage({ image }) {
+  const { t } = useTranslation(["common"]);
   const theme = useTheme();
   const [fullscreenImage, setFullscreenImage] = useState(null);
 
@@ -29,7 +31,7 @@ export function ImageMessage({ image }) {
       >
         <img
           src={`${api.defaults.baseURL}/v1/generative-process/image/${image}`}
-          alt="Image"
+          alt={t("common:image")}
           style={{
             maxWidth: "100%",
             maxHeight: "300px",

DashAI/front/src/components/generative/SessionBar.jsx

@@ -5,7 +5,6 @@ import { useEffect, useState } from "react";
 import InfoSessionModal from "./InfoSessionModal";
 import Footer from "./Footer";
 import SessionList from "./SessionList";
-import SessionBarHeader from "./SessionBarHeader";
 import NewItemButton from "../threeSectionLayout/NewItemButton";
 import SideBar from "../threeSectionLayout/SideBar";
 import BarHeader from "../threeSectionLayout/BarHeader";

DashAI/front/src/components/generative/SessionBarHeader.jsx

@@ -61,25 +61,25 @@ export const TypeChangeValidator = ({
 
   return (
     <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth>
-      <DialogTitle>Validate Type Changes</DialogTitle>
+      <DialogTitle>{t("datasets:label.validateTypeChanges")}</DialogTitle>
       <DialogContent>
         {validating && (
           <Box display="flex" justifyContent="center" alignItems="center" p={3}>
             <CircularProgress />
-            <Box ml={2}>Validating type changes...</Box>
+            <Box ml={2}>{t("datasets:label.validatingTypeChanges")}</Box>
           </Box>
         )}
 
         {!validating && validationResult && (
           <>
             {validationResult.valid ? (
               <Alert severity="success" icon={<CheckCircleIcon />}>
-                All type changes are valid and can be applied safely.
+                {t("datasets:label.allTypeChangesValid")}
               </Alert>
             ) : (
               <>
                 <Alert severity="error" icon={<ErrorIcon />} sx={{ mb: 2 }}>
-                  Some type changes cannot be applied:
+                  {t("datasets:label.someTypeChangesCannotBeApplied")}
                 </Alert>
                 <List dense>
                   {Object.entries(validationResult.errors).map(
@@ -108,7 +108,7 @@ export const TypeChangeValidator = ({
                     icon={<WarningIcon />}
                     sx={{ mt: 2, mb: 1 }}
                   >
-                    Warnings about type changes:
+                    {t("datasets:label.typeChangeWarnings")}
                   </Alert>
                   <List dense>
                     {Object.entries(validationResult.warnings).map(
@@ -130,15 +130,15 @@ export const TypeChangeValidator = ({
       </DialogContent>
       <DialogActions>
         <Button onClick={onClose} color="inherit">
-          Cancel
+          {t("common:cancel")}
         </Button>
         <Button
           onClick={() => onConfirm(typeChanges)}
           disabled={!validationResult?.valid || validating}
           variant="contained"
           color="primary"
         >
-          Apply Changes
+          {t("datasets:button.applyChanges")}
         </Button>
       </DialogActions>
     </Dialog>

DashAI/front/src/components/notebooks/datasetCreation/TypeChangeValidator.jsx

@@ -34,8 +34,8 @@ export default function LegendForm({ layout, handleChange }) {
         slotProps={{ select: { native: true } }}
         fullWidth
       >
-        <option value="v">Vertical</option>
-        <option value="h">Horizontal</option>
+        <option value="v">{t("common:vertical")}</option>
+        <option value="h">{t("common:horizontal")}</option>
       </TextField>
 
       <Box sx={{ display: "flex", gap: 2 }}>

DashAI/front/src/components/notebooks/explorer/plotLayout/forms/LegendForm.jsx

@@ -54,7 +54,7 @@ const resources = {
 i18n.use(initReactI18next).init({
   resources,
 
-  lng: "es",
+  lng: "en",
   fallbackLng: "en",
 
   ns: [

DashAI/front/src/utils/i18n/index.js

@@ -1,6 +1,7 @@
 {
   "button": {
     "addColorStop": "Add Color Stop",
+    "applyChanges": "Apply Changes",
     "createConverter": "Create Converter",
     "createExplorer": "Create Explorer",
     "createNotebook": "Create Notebook",
@@ -46,6 +47,7 @@
   "label": {
     "all": "all",
     "allowedDataTypes": "Allowed data types: <1><0></0></1>",
+    "allTypeChangesValid": "All type changes are valid and can be applied safely.",
     "analysisTools": "Analysis Tools",
     "appliedTransformations": "Applied Transformations:",
     "associatedDataset": "Associated Dataset",
@@ -226,6 +228,7 @@
     "showLegend": "Show Legend",
     "showZeroLine": "{{axis}} Axis Show Zero Line",
     "skewness": "Skewness",
+    "someTypeChangesCannotBeApplied": "Some type changes cannot be applied:",
     "startIndex": "Start Index",
     "stdDev": "Standard Deviation",
     "strongCorrelations": "Strong Correlations",
@@ -241,6 +244,7 @@
     "totalRows": "Total Rows",
     "totalRowsCount": "Total rows: {{total}}",
     "traceIdx": "Trace {{index}}: {{trace}}",
+    "typeChangeWarnings": "Warnings about type changes:",
     "typeToSearchDatasets": "Type to search datasets...",
     "unique": "Unique",
     "uniquenessFormula": "Uniqueness = (Unique ÷ Total) x 100",
@@ -250,6 +254,8 @@
     "uploadAndConfigure": "Upload your dataset and configure parameters",
     "uploadDataset": "Upload Dataset",
     "uploadYourDataset": "Upload your dataset",
+    "validateTypeChanges": "Validate Type Changes",
+    "validatingTypeChanges": "Validating type changes...",
     "valueDistribution": "Value Distribution",
     "valueType": "Value Type",
     "viewMode": "View mode",

DashAI/front/src/utils/i18n/locales/en/datasets.json

@@ -1,6 +1,7 @@
 {
   "button": {
     "addColorStop": "",
+    "applyChanges": "",
     "createConverter": "",
     "createExplorer": "",
     "createNotebook": "",
@@ -48,6 +49,7 @@
   "label": {
     "all": "",
     "allowedDataTypes": "",
+    "allTypeChangesValid": "",
     "analysisTools": "",
     "appliedTransformations": "",
     "associatedDataset": "",
@@ -230,6 +232,7 @@
     "showLegend": "",
     "showZeroLine": "",
     "skewness": "",
+    "someTypeChangesCannotBeApplied": "",
     "startIndex": "",
     "stdDev": "",
     "strongCorrelations": "",
@@ -246,6 +249,7 @@
     "totalRows": "",
     "totalRowsCount": "",
     "traceIdx": "",
+    "typeChangeWarnings": "",
     "typeToSearchDatasets": "",
     "unique": "",
     "uniquenessFormula": "",
@@ -255,6 +259,8 @@
     "uploadAndConfigure": "",
     "uploadDataset": "",
     "uploadYourDataset": "",
+    "validateTypeChanges": "",
+    "validatingTypeChanges": "",
     "valueDistribution": "",
     "valueType": "",
     "viewMode": "",