receptor/src/ui/navigation.js

38 lines
1.2 KiB
JavaScript
Raw Normal View History

2017-08-22 21:49:48 +02:00
import React from 'react';
2017-08-25 02:01:15 +02:00
import { Link, NavLink } from 'react-router-dom';
2017-08-22 21:49:48 +02:00
export default function render(props) {
return <nav className="navbar navbar-light navbar-toggleable-xl">
2017-08-25 02:01:15 +02:00
<Link to="/" className="navbar-brand">receptor</Link>
2017-08-22 21:49:48 +02:00
<div className="navbar-collapse collapse">
<ul className="navbar-nav mr-auto">
2017-08-23 14:42:00 +02:00
<li className="nav-item">
2017-08-24 14:30:22 +02:00
<NavLink
to="/add-torrent"
2017-08-24 15:50:14 +02:00
className="nav-link btn-primary"
2017-08-24 14:30:22 +02:00
activeClassName="nav-link active"
>add torrent</NavLink>
2017-08-23 14:42:00 +02:00
</li>
<li className="nav-item" style={{minWidth: "1rem"}}>
</li>
2017-08-22 21:49:48 +02:00
<li className="nav-item">
<a className="nav-link" href="#">all</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">leeching</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">seeding</a>
</li>
2017-08-23 14:42:00 +02:00
<form className="form-inline">
<input
className="form-control mr-sm-2"
type="text"
placeholder="Search"
aria-label="Search" />
</form>
2017-08-22 21:49:48 +02:00
</ul>
</div>
</nav>;
}