Adding initial UI and Websocket server.

1 files changed, 38 insertions, 0 deletions

diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx
new file mode 100644
index 00000000..86d5d1d2
--- /dev/null
+++ b/ui/src/components/navbar.tsx
@@ -0,0 +1,38 @@
+import { Component, linkEvent } from 'inferno';
+import { Link } from 'inferno-router';
+import { repoUrl } from '../utils';
+
+export class Navbar extends Component<any, any> {
+
+  constructor(props, context) {
+    super(props, context);
+  }
+
+  render() {
+    return (
+      <div class="sticky-top">{this.navbar()}</div>
+    )
+  }
+
+  // TODO class active corresponding to current page
+  navbar() {
+    return (
+      <nav class="navbar navbar-light bg-light p-0 px-3 shadow">
+        <a class="navbar-brand mx-1" href="#">
+          rrf
+        </a>
+        <ul class="navbar-nav mr-auto">
+          <li class="nav-item">
+            <a class="nav-item nav-link" href={repoUrl}>github</a>
+          </li>
+        </ul>
+        <ul class="navbar-nav ml-auto mr-2">
+          <li class="nav-item">
+            <Link class="nav-item nav-link" to="/login">Login</Link>
+          </li>
+        </ul>
+      </nav>
+    );
+  }
+
+}