ui/src/components/navbar.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
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>
    );
  }

}