add basic model and interface

src/Views/connectionStatusView.tsx

@@ -0,0 +1,18 @@
+import * as React from "bloatless-react";
+
+import { translation } from "../translations";
+
+export function ConnectionStatusView() {
+  return (
+    <div class="tile width-input">
+      <div>
+        <b>{translation.connectionStatus}</b>
+        <span
+          class="success connected-only"
+          subscribe:innerText={translation.connectedTo}
+        ></span>
+        <span class="error disconnected-only">{translation.disconnected}</span>
+      </div>
+    </div>
+  );
+}