Skip to content

Commit 2f67c77

Browse files
CreylayCreylay
committed
feat: clear content in tour steps for datasets, home, and notebook tours
1 parent ae23027 commit 2f67c77

3 files changed

Lines changed: 114 additions & 241 deletions

File tree

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

Lines changed: 46 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,8 @@ export const datasetsTourSteps = [
66
content: (
77
<Trans i18nKey="datasetsTour:datasetModule">
88
<div>
9-
<h3>Dataset Module</h3>
10-
<p>
11-
This is where you manage your data and create interactive notebooks
12-
for analysis. Let's see how to get started!
13-
</p>
9+
<h3></h3>
10+
<p></p>
1411
</div>
1512
</Trans>
1613
),
@@ -22,12 +19,9 @@ export const datasetsTourSteps = [
2219
content: (
2320
<Trans i18nKey="datasetsTour:uploadDataset">
2421
<div>
25-
<h3>Upload Dataset</h3>
26-
<p>
27-
This is where you import your own files from various formats and
28-
sources.
29-
</p>
30-
<p>You can upload CSV, Excel, and other common data formats.</p>
22+
<h3></h3>
23+
<p></p>
24+
<p></p>
3125
</div>
3226
</Trans>
3327
),
@@ -38,12 +32,9 @@ export const datasetsTourSteps = [
3832
content: (
3933
<Trans i18nKey="datasetsTour:createNotebook">
4034
<div>
41-
<h3>Create Notebook</h3>
42-
<p>This lets you explore or transform datasets interactively.</p>
43-
<p>
44-
Notebooks are where you visualize data, apply transformations, and
45-
prepare it for modeling.
46-
</p>
35+
<h3></h3>
36+
<p></p>
37+
<p></p>
4738
</div>
4839
</Trans>
4940
),
@@ -54,8 +45,8 @@ export const datasetsTourSteps = [
5445
content: (
5546
<Trans i18nKey="datasetsTour:downloadSample">
5647
<div>
57-
<h3>Download Sample Dataset</h3>
58-
<p>To get started quickly, let's download a sample dataset.</p>
48+
<h3></h3>
49+
<p></p>
5950
<p>
6051
<a
6152
href="/samples/personality_dataset.csv"
@@ -72,17 +63,12 @@ export const datasetsTourSteps = [
7263
}}
7364
onMouseOver={(e) => (e.target.style.backgroundColor = "#1565c0")}
7465
onMouseOut={(e) => (e.target.style.backgroundColor = "#1976d2")}
75-
>
76-
Download Personality_Dataset.csv
77-
</a>
66+
></a>
7867
</p>
7968
<p style={{ fontSize: "0.9em", color: "#666" }}>
80-
💡 <strong>Tip:</strong> The file will be saved to your Downloads
81-
folder by default.
82-
</p>
83-
<p style={{ marginTop: "10px" }}>
84-
Once downloaded, click "Next" to learn how to upload it!
69+
<strong></strong>
8570
</p>
71+
<p style={{ marginTop: "10px" }}></p>
8672
</div>
8773
</Trans>
8874
),
@@ -96,13 +82,10 @@ export const datasetsTourSteps = [
9682
content: (
9783
<Trans i18nKey="datasetsTour:nowUpload">
9884
<div>
99-
<h3>Now Let's Upload It</h3>
100-
<p>
101-
Now that you've downloaded the sample dataset, let's upload it to
102-
DashAI.
103-
</p>
85+
<h3></h3>
86+
<p></p>
10487
<p>
105-
<strong>Click "Upload Dataset" to begin the upload process.</strong>
88+
<strong></strong>
10689
</p>
10790
</div>
10891
</Trans>
@@ -120,7 +103,7 @@ export const datasetsTourSteps = [
120103
<div>
121104
<h3></h3>
122105
<p>
123-
<strong></strong>.
106+
<strong></strong>
124107
</p>
125108
<p></p>
126109
<p>
@@ -138,11 +121,8 @@ export const datasetsTourSteps = [
138121
content: (
139122
<Trans i18nKey="datasetsTour:continueUpload">
140123
<div>
141-
<h3>Continue to Upload</h3>
142-
<p>
143-
With the CSVDataLoader selected, click "Next" to proceed to the
144-
upload configuration.
145-
</p>
124+
<h3></h3>
125+
<p></p>
146126
</div>
147127
</Trans>
148128
),
@@ -157,16 +137,16 @@ export const datasetsTourSteps = [
157137
content: (
158138
<Trans i18nKey="datasetsTour:uploadFile">
159139
<div>
160-
<h3>Upload Your File</h3>
161-
<p>Now it's time to upload the file you just downloaded!</p>
140+
<h3></h3>
141+
<p></p>
162142
<ul>
163143
<li>
164-
Click <strong>"Upload a file"</strong> to browse for it
144+
<strong></strong>
165145
</li>
166146
</ul>
167-
<p style={{ fontSize: "0.9em", color: "#666", marginTop: "10px" }}>
168-
💡 Look for "personality_dataset.csv" in your Downloads folder.
169-
</p>
147+
<p
148+
style={{ fontSize: "0.9em", color: "#666", marginTop: "10px" }}
149+
></p>
170150
</div>
171151
</Trans>
172152
),
@@ -179,19 +159,17 @@ export const datasetsTourSteps = [
179159
content: (
180160
<Trans i18nKey="datasetsTour:dataLoaderConfig">
181161
<div>
182-
<h3>DataLoader Configuration</h3>
183-
<p>Here you can configure how the dataset should be loaded:</p>
162+
<h3></h3>
163+
<p></p>
184164
<ul>
185165
<li>
186-
<strong>Name:</strong> Give your dataset a meaningful name
166+
<strong></strong>
187167
</li>
188168
<li>
189-
<strong>Separator:</strong> The character that separates values
190-
(comma for CSV)
169+
<strong></strong>
191170
</li>
192171
<li>
193-
<strong>Other options:</strong> Advanced settings for specific
194-
needs
172+
<strong></strong>
195173
</li>
196174
</ul>
197175
<p
@@ -202,8 +180,7 @@ export const datasetsTourSteps = [
202180
marginTop: "10px",
203181
}}
204182
>
205-
💡 <strong>Pro tip:</strong> The default settings work well for most
206-
CSV files, so you can usually leave them as they are!
183+
<strong></strong>
207184
</p>
208185
</div>
209186
</Trans>
@@ -216,15 +193,11 @@ export const datasetsTourSteps = [
216193
content: (
217194
<Trans i18nKey="datasetsTour:completeUpload">
218195
<div>
219-
<h3>Complete the Upload</h3>
220-
<p>
221-
Once you've uploaded the file and reviewed the configuration, click{" "}
222-
<strong>"Upload"</strong> to process your dataset.
223-
</p>
196+
<h3></h3>
224197
<p>
225-
DashAI will analyze the file structure and prepare it for
226-
exploration and analysis.
198+
<strong></strong>
227199
</p>
200+
<p></p>
228201
</div>
229202
</Trans>
230203
),
@@ -239,12 +212,9 @@ export const datasetsTourSteps = [
239212
content: (
240213
<Trans i18nKey="datasetsTour:yourDatasets">
241214
<div>
242-
<h3>Your Datasets</h3>
243-
<p>The Personality dataset is now available in your Datasets list.</p>
244-
<p>
245-
You can find all your uploaded datasets and notebooks in this
246-
sidebar.
247-
</p>
215+
<h3></h3>
216+
<p></p>
217+
<p></p>
248218
</div>
249219
</Trans>
250220
),
@@ -255,14 +225,9 @@ export const datasetsTourSteps = [
255225
content: (
256226
<Trans i18nKey="datasetsTour:nextSteps">
257227
<div>
258-
<h3>Next Steps: Create a Notebook</h3>
259-
<p>
260-
Now click "New Notebook" to open the dataset in an interactive
261-
environment.
262-
</p>
263-
<p>
264-
In a notebook, you can analyze, visualize, and transform your data.
265-
</p>
228+
<h3></h3>
229+
<p></p>
230+
<p></p>
266231
</div>
267232
</Trans>
268233
),
@@ -276,11 +241,9 @@ export const datasetsTourSteps = [
276241
content: (
277242
<Trans i18nKey="datasetsTour:importantNote">
278243
<div>
279-
<h3>Important Note</h3>
280-
<p>Pay attention to this information</p>
281-
<p>
282-
This ensures your original data remains intact while you experiment.
283-
</p>
244+
<h3></h3>
245+
<p></p>
246+
<p></p>
284247
</div>
285248
</Trans>
286249
),
@@ -294,15 +257,9 @@ export const datasetsTourSteps = [
294257
content: (
295258
<Trans i18nKey="datasetsTour:finishProcess">
296259
<div>
297-
<h3>Finish the Process</h3>
298-
<p>
299-
Click "Create Notebook" to start working with your data in an
300-
interactive environment.
301-
</p>
302-
<p>
303-
You'll be able to visualize, transform, and prepare your data for
304-
modeling.
305-
</p>
260+
<h3></h3>
261+
<p></p>
262+
<p></p>
306263
</div>
307264
</Trans>
308265
),

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

Lines changed: 10 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,8 @@ export const homeTourSteps = [
66
content: (
77
<Trans i18nKey={"homeTour:datasetsIntro"}>
88
<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>
9+
<h3></h3>
10+
<p></p>
1411
</div>
1512
</Trans>
1613
),
@@ -23,11 +20,8 @@ export const homeTourSteps = [
2320
content: (
2421
<Trans i18nKey={"homeTour:experimentsIntro"}>
2522
<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>
23+
<h3></h3>
24+
<p></p>
3125
</div>
3226
</Trans>
3327
),
@@ -38,14 +32,9 @@ export const homeTourSteps = [
3832
content: (
3933
<Trans i18nKey={"homeTour:explainabilityIntro"}>
4034
<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>
35+
<h3></h3>
36+
<p></p>
37+
<div style={{ marginTop: "10px" }}></div>
4938
</div>
5039
</Trans>
5140
),
@@ -56,14 +45,9 @@ export const homeTourSteps = [
5645
content: (
5746
<Trans i18nKey={"homeTour:pipelinesIntro"}>
5847
<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>
48+
<h3></h3>
49+
<p></p>
50+
<div style={{ marginTop: "10px" }}></div>
6751
</div>
6852
</Trans>
6953
),

0 commit comments

Comments
 (0)