diff options
| author | srichman333 <sarah_n_richman@brown.edu> | 2023-07-28 12:13:52 -0400 |
|---|---|---|
| committer | srichman333 <sarah_n_richman@brown.edu> | 2023-07-28 12:13:52 -0400 |
| commit | 6984267d0f70f080bc1e1e6397b2377145e3cae2 (patch) | |
| tree | 5ba7dd31f281f6d17bac7f55614e925ed7a0b605 /src/client/views | |
| parent | 47d5a651e1725ceca285cb489b059d6df4ef00da (diff) | |
DataVizBox from 'tools' instructions
Diffstat (limited to 'src/client/views')
| -rw-r--r-- | src/client/views/nodes/DataVizBox/DataVizBox.scss | 4 | ||||
| -rw-r--r-- | src/client/views/nodes/DataVizBox/DataVizBox.tsx | 6 |
2 files changed, 9 insertions, 1 deletions
diff --git a/src/client/views/nodes/DataVizBox/DataVizBox.scss b/src/client/views/nodes/DataVizBox/DataVizBox.scss index 32c0bbfc1..ab2f19726 100644 --- a/src/client/views/nodes/DataVizBox/DataVizBox.scss +++ b/src/client/views/nodes/DataVizBox/DataVizBox.scss @@ -8,3 +8,7 @@ flex-direction: row; } } +.start-message { + margin: 10px; + align-self: baseline; +} diff --git a/src/client/views/nodes/DataVizBox/DataVizBox.tsx b/src/client/views/nodes/DataVizBox/DataVizBox.tsx index 4ddebb833..d5e21ce0e 100644 --- a/src/client/views/nodes/DataVizBox/DataVizBox.tsx +++ b/src/client/views/nodes/DataVizBox/DataVizBox.tsx @@ -136,7 +136,11 @@ export class DataVizBox extends ViewBoxAnnotatableComponent<FieldViewProps>() { render() { if (!this.layoutDoc._dataVizView) this.layoutDoc._dataVizView = this.dataVizView; return !this.pairs?.length ? ( - <div>Loading...</div> + <div className="start-message"> + To create a DataViz box, either import / drag a CSV file into your canvas + or copy a data table and use the command 'ctrl + t' to bring the data table + to your canvas. + </div> ) : ( <div className="dataViz" |