1 files changed, 24 insertions, 0 deletions
diff --git a/webui/src/Components/WebSocketStatus.js b/webui/src/Components/WebSocketStatus.js
new file mode 100644
index 0000000..837de71
--- /dev/null
+++ b/webui/src/Components/WebSocketStatus.js
@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+import './WebSocketStatus.scss';
+
+class WebSocketStatus extends Component {
+  render() {
+    if(this.props.wsIsRecovering)
+      return (
+        <div className="WebSocketStatus">
+          Reconnecting to {this.props.wsURI}
+        </div>
+      );
+
+    if(this.props.wsIsOpen)
+      return (
+        <div className="WebSocketStatus">
+          Receiving real time updates from {this.props.wsURI}
+        </div>
+      );
+
+    return null;
+  }
+}
+
+export default WebSocketStatus;