aboutsummaryrefslogtreecommitdiff
path: root/src/ConnectedIndicator.js
diff options
context:
space:
mode:
authorMartin Ashby <martin@martin-laptop.lan>2018-05-17 18:18:11 +0100
committerMartin Ashby <martin@martin-laptop.lan>2018-05-17 18:18:11 +0100
commitd40c7d9f09d9b012837d6060a4c598b23b19646f (patch)
tree8fa1f99664b3b6a74f7a0fd5856b7d0c41767b1f /src/ConnectedIndicator.js
parentaa86cb02fd95404fdfba8cf9d13cb5c18138b6b5 (diff)
downloadunicornpaint-d40c7d9f09d9b012837d6060a4c598b23b19646f.tar.gz
unicornpaint-d40c7d9f09d9b012837d6060a4c598b23b19646f.tar.bz2
unicornpaint-d40c7d9f09d9b012837d6060a4c598b23b19646f.tar.xz
unicornpaint-d40c7d9f09d9b012837d6060a4c598b23b19646f.zip
Palette, tools, load & save working
Diffstat (limited to 'src/ConnectedIndicator.js')
-rw-r--r--src/ConnectedIndicator.js11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/ConnectedIndicator.js b/src/ConnectedIndicator.js
new file mode 100644
index 0000000..d4e1686
--- /dev/null
+++ b/src/ConnectedIndicator.js
@@ -0,0 +1,11 @@
+import React, { Component } from 'react'
+
+export default class ConnectedIndicator extends Component {
+ render() {
+ let connectedText = this.props.connected ? "Connected" : "Not connected"
+ let color = this.props.connected ? "green" : "red"
+ return <div><span style={{
+ background:color
+ }}>{connectedText}</span></div>
+ }
+} \ No newline at end of file