diff options
Diffstat (limited to 'ui/src/components/navbar.tsx')
-rw-r--r-- | ui/src/components/navbar.tsx | 38 |
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> + ); + } + +} |