Skip to content

Commit d70ccbe

Browse files
IrozukuIrozuku
committed
Merge branch 'feat/multilingual-front' of https://github.com/DashAISoftware/DashAI into feat/multilingual-front
2 parents fa0b2fe + b0be92d commit d70ccbe

4 files changed

Lines changed: 71 additions & 54 deletions

File tree

‎DashAI/front/src/constants/tours/homeTour.js‎

Lines changed: 51 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,18 @@
1+
import { Trans } from "react-i18next";
2+
13
export const homeTourSteps = [
24
{
35
target: '[data-tour="datasets-button"]',
46
content: (
5-
<div>
6-
<h3>Datasets</h3>
7-
<p>
8-
Here you upload, manage, and explore your datasets. This is the
9-
natural starting point of any project.
10-
</p>
11-
</div>
7+
<Trans i18nKey={"homeTour:datasetsIntro"}>
8+
<div>
9+
<h3>Datasets</h3>
10+
<p>
11+
Here you upload, manage, and explore your datasets. This is the
12+
natural starting point of any project.
13+
</p>
14+
</div>
15+
</Trans>
1216
),
1317
placement: "bottom",
1418
disableBeacon: true,
@@ -17,72 +21,66 @@ export const homeTourSteps = [
1721
{
1822
target: '[data-tour="experiments-button"]',
1923
content: (
20-
<div>
21-
<h3>Experiments</h3>
22-
<p>
23-
In this module you train and compare models, monitoring metrics such
24-
as Accuracy, F1, Recall, and Precision.
25-
</p>
26-
</div>
27-
),
28-
placement: "bottom",
29-
},
30-
{
31-
target: '[data-tour="predictions-button"]',
32-
content: (
33-
<div>
34-
<h3>Predictions</h3>
35-
<p>
36-
This section allows you to apply a trained model to new data to obtain
37-
practical results.
38-
</p>
39-
<div style={{ marginTop: "10px", fontSize: "12px", color: "#666" }}>
40-
💡 This follows naturally after training your models in Experiments.
24+
<Trans i18nKey={"homeTour:experimentsIntro"}>
25+
<div>
26+
<h3>Experiments</h3>
27+
<p>
28+
In this module you train and compare models, monitoring metrics such
29+
as Accuracy, F1, Recall, and Precision.
30+
</p>
4131
</div>
42-
</div>
32+
</Trans>
4333
),
4434
placement: "bottom",
4535
},
4636
{
4737
target: '[data-tour="explainability-button"]',
4838
content: (
49-
<div>
50-
<h3>Explainability</h3>
51-
<p>
52-
Here you interpret the model and identify the variables that most
53-
influence its decisions.
54-
</p>
55-
<div style={{ marginTop: "10px" }}>
56-
📊 Understand what drives your model's predictions
39+
<Trans i18nKey={"homeTour:explainabilityIntro"}>
40+
<div>
41+
<h3>Explainability</h3>
42+
<p>
43+
Here you interpret the model and identify the variables that most
44+
influence its decisions.
45+
</p>
46+
<div style={{ marginTop: "10px" }}>
47+
📊 Understand what drives your model's predictions
48+
</div>
5749
</div>
58-
</div>
50+
</Trans>
5951
),
6052
placement: "bottom",
6153
},
6254
{
6355
target: '[data-tour="pipelines-button"]',
6456
content: (
65-
<div>
66-
<h3>Pipelines</h3>
67-
<p>
68-
This lets you chain preprocessing, training, and evaluation steps into
69-
a reproducible workflow.
70-
</p>
71-
<div style={{ marginTop: "10px" }}>🔗 Build automated ML workflows</div>
72-
</div>
57+
<Trans i18nKey={"homeTour:pipelinesIntro"}>
58+
<div>
59+
<h3>Pipelines</h3>
60+
<p>
61+
This lets you chain preprocessing, training, and evaluation steps
62+
into a reproducible workflow.
63+
</p>
64+
<div style={{ marginTop: "10px" }}>
65+
🔗 Build automated ML workflows
66+
</div>
67+
</div>
68+
</Trans>
7369
),
7470
placement: "bottom",
7571
},
7672
{
7773
target: '[data-tour="datasets-button"]',
7874
content: (
79-
<div>
80-
<h3>Ready to Start!</h3>
81-
<p>
82-
Remember that <strong>Datasets</strong> is the natural starting point
83-
of the workflow. Next, we'll move on to the Datasets section.
84-
</p>
85-
</div>
75+
<Trans
76+
i18nKey="homeTour:readyToStart"
77+
components={{ strong: <strong /> }}
78+
>
79+
<div>
80+
<h3></h3>
81+
<p></p>
82+
</div>
83+
</Trans>
8684
),
8785
placement: "bottom",
8886
styles: {

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

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ import datasetsEN from "./locales/en/datasets.json";
1818
import datasetsES from "./locales/es/datasets.json";
1919
import predictionEN from "./locales/en/prediction.json";
2020
import predictionES from "./locales/es/prediction.json";
21+
import homeTourEN from "./locales/en/homeTour.json";
22+
import homeTourES from "./locales/es/homeTour.json";
2123

2224
// the translations
2325
// (tip move them in a JSON file and import them,
@@ -33,6 +35,7 @@ const resources = {
3335
models: modelsEN,
3436
datasets: datasetsEN,
3537
prediction: predictionEN,
38+
homeTour: homeTourEN,
3639
},
3740
es: {
3841
configurableObject: configurableObjectES,
@@ -44,13 +47,14 @@ const resources = {
4447
models: modelsES,
4548
datasets: datasetsES,
4649
prediction: predictionES,
50+
homeTour: homeTourES,
4751
},
4852
};
4953

5054
i18n.use(initReactI18next).init({
5155
resources,
5256

53-
lng: "en",
57+
lng: "es",
5458
fallbackLng: "en",
5559

5660
ns: [
@@ -63,6 +67,7 @@ i18n.use(initReactI18next).init({
6367
"models",
6468
"datasets",
6569
"prediction",
70+
"homeTour",
6671
],
6772
defaultNS: "common",
6873

‎DashAI/front/src/utils/i18n/locales/en/homeTour.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"datasetsIntro": "<0><0>Datasets</0><1>Here you upload, manage, and explore your datasets. This is the natural starting point of any project.</1></0>",
3+
"experimentsIntro": "<0><0>Experiments</0><1>In this module you train and compare models, monitoring metrics such as Accuracy, F1, Recall, and Precision.</1></0>",
4+
"explainabilityIntro": "<0><0>Explainability</0><1>Here you interpret the model and identify the variables that most influence its decisions.</1><2>📊 Understand what drives your model's predictions</2></0>",
5+
"pipelinesIntro": "<0><0>Pipelines</0><1>This lets you chain preprocessing, training, and evaluation steps into a reproducible workflow.</1><2>🔗 Build automated ML workflows</2></0>",
6+
"readyToStart": "<0><0>Ready to Start!</0><1>Remember that <2>Datasets</2> is the natural starting point of the workflow. Next, we'll move on to the Datasets section.</1></0>"
7+
}

‎DashAI/front/src/utils/i18n/locales/es/homeTour.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"datasetsIntro": "<0><0>Datasets</0><1>Aquí cargas, gestionas y exploras tus conjuntos de datos. Este es el punto de partida natural de cualquier proyecto.</1></0>",
3+
"experimentsIntro": "<0><0>Experimentos</0><1>En este módulo entrenas y comparas modelos, monitoreando métricas como Accuracy, F1, Recall y Precision.</1></0>",
4+
"explainabilityIntro": "<0><0>Explicabilidad</0><1>Aquí interpretas el modelo e identificas las variables que más influyen en sus decisiones.</1><2>📊 Comprende qué impulsa las predicciones de tu modelo</2></0>",
5+
"pipelinesIntro": "<0><0>Pipelines</0><1>Esto te permite encadenar pasos de preprocesamiento, entrenamiento y evaluación en un flujo de trabajo reproducible.</1><2>🔗 Construye flujos de trabajo de ML automatizados</2></0>",
6+
"readyToStart": "<0><0>¡Listo para Comenzar!</0><1>Recuerda que <2>Datasets</2> es el punto de partida natural del flujo de trabajo. A continuación, pasaremos a la sección de Datasets.</1></0>"
7+
}

0 commit comments

Comments
 (0)