Skip to content

Commit 1aa9f63

Browse files
author
Stefania
committed
minor fixes demo, updated some deps
1 parent a39c5d1 commit 1aa9f63

File tree

5 files changed

+393
-101
lines changed

5 files changed

+393
-101
lines changed

demo/app.jsx

+6-4
Original file line numberDiff line numberDiff line change
@@ -214,8 +214,6 @@ class App extends React.Component {
214214

215215
return (
216216
<div>
217-
<V2 daemon={daemon}></V2>
218-
219217
<h1>Arduino Create Plugin Client Demo</h1>
220218

221219
<div className="section">
@@ -269,11 +267,15 @@ class App extends React.Component {
269267
<h2>Serial Monitor</h2>
270268

271269
<form onSubmit={this.handleSend}>
272-
<input id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
270+
<input aria-label="serial input" id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
273271
<input type="submit" value="Send" />
274272
</form>
275273

276-
<textarea id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
274+
<textarea aria-label="Serial Monitor output" id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
275+
</div>
276+
277+
<div className="v2">
278+
<V2 daemon={daemon}></V2>
277279
</div>
278280

279281
<div className="section">

demo/index.html

+6
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@
5353
.section {
5454
margin: 20px;
5555
}
56+
5657
.install-tool-container .tool-input {
5758
display: flex;
5859
margin: 10px 0;
@@ -66,6 +67,11 @@
6667
flex: 0 1 500px;
6768
}
6869

70+
.v2 {
71+
background-color: #ecf1f1;
72+
padding: 20px;
73+
}
74+
6975
table {
7076
border-collapse: collapse;
7177
}

demo/v2/install_tool.jsx

+13-13
Original file line numberDiff line numberDiff line change
@@ -63,44 +63,44 @@ export class V2InstallTool extends React.Component {
6363
<h2>Install a new tool</h2>
6464
<form onSubmit={this.handleSubmit}>
6565
<div className="tool-input">
66-
<label for="name">
66+
<label htmlFor="name">
6767
Name:
6868
</label>
69-
<input type="text" name="name" value={this.state.name} onChange={this.handleChange} />
69+
<input type="text" id="name" value={this.state.name} onChange={this.handleChange} />
7070
</div>
7171
<div className="tool-input">
72-
<label for="version">
72+
<label htmlFor="version">
7373
Version:
7474
</label>
75-
<input type="text" name="version" value={this.state.version} onChange={this.handleChange} />
75+
<input type="text" id="version" value={this.state.version} onChange={this.handleChange} />
7676
</div>
7777
<div className="tool-input">
78-
<label for="packager">
78+
<label htmlFor="packager">
7979
Packager:
8080
</label>
81-
<input type="text" name="packager" value={this.state.packager} onChange={this.handleChange} />
81+
<input type="text" id="packager" value={this.state.packager} onChange={this.handleChange} />
8282
</div>
8383
<div className="tool-input">
84-
<label for="url">
84+
<label htmlFor="url">
8585
Url:
8686
</label>
87-
<input type="text" name="url" value={this.state.url} onChange={this.handleChange} />
87+
<input type="text" id="url" value={this.state.url} onChange={this.handleChange} />
8888
</div>
8989
<div className="tool-input">
90-
<label for="checksum">
90+
<label htmlFor="checksum">
9191
Checksum:
9292
</label>
93-
<input type="text" name="checksum" value={this.state.checksum} onChange={this.handleChange} />
93+
<input type="text" id="checksum" value={this.state.checksum} onChange={this.handleChange} />
9494
</div>
9595
<div className="tool-input">
96-
<label for="signature">
96+
<label htmlFor="signature">
9797
Signature:
9898
</label>
99-
<input type="text" name="signature" value={this.state.signature} onChange={this.handleChange} />
99+
<input type="text" id="signature" value={this.state.signature} onChange={this.handleChange} />
100100
</div>
101101
<input type="submit" value="Submit" />
102102
</form>
103-
<textarea cols="100" rows="10" value={this.state.res} readOnly></textarea>
103+
<textarea aria-label="Install tool output" cols="100" rows="10" value={this.state.res} readOnly></textarea>
104104
</section>
105105
);
106106
}

0 commit comments

Comments
 (0)