Iniziato Recent, Sistemato Navbar

This commit is contained in:
Gregorio
2019-02-12 18:58:15 +01:00
parent 4ac7f80d2f
commit 4e906261be
4 changed files with 71 additions and 41 deletions
+53 -33
View File
@@ -37,50 +37,70 @@ class TopBar extends Component {
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Link to="/" className="text-light nav-link">Home</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/vitali` }} className="text-light nav-link">Vitali</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/recent` }} className="text-light nav-link">Recent</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/random` }} className="text-light nav-link">Random</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/related` }} className="text-light nav-link">Related</Link>
{ <NavDropdown title="Similarity" id="basic-nav-dropdown" >
<NavDropdown.Item href="#action/3.1">
Artist
<Link to={{ pathname: `/video/${localStorage['lastId']}/vitali` }} className="text-light nav-link">Vitali</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/recent` }} className="text-light nav-link">Recent</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/random` }} className="text-light nav-link">Random</Link>
<Link to={{ pathname: `/video/${localStorage['lastId']}/related` }} className="text-light nav-link">Related</Link>
{<NavDropdown title="Similarity" id="basic-nav-dropdown" >
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Artist
</Link>
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Genre
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Genre
</Link>
</NavDropdown.Item>
</NavDropdown> }
{ <NavDropdown title="Popolarità locale" id="basic-nav-dropdown" >
<NavDropdown.Item href="#action/3.1">
Assoluta
</NavDropdown>}
{<NavDropdown title="Popolarità locale" id="basic-nav-dropdown" >
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Assoluta
</Link>
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Relativa
<NavDropdown.Item>
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Relativa
</Link>
</NavDropdown.Item>
</NavDropdown> }
{ <NavDropdown title="Popolarità globale" id="basic-nav-dropdown" >
<NavDropdown.Item>
<Link to={{ pathname: `/video/${localStorage['lastId']}/popGlobalAssoluta`}} /*className="text-light nav-link"*/>
Assoluta
</NavDropdown>}
{<NavDropdown title="Popolarità globale" id="basic-nav-dropdown" >
<NavDropdown.Item>
<Link to={{ pathname: `/video/${localStorage['lastId']}/popGlobalAssoluta` }} className="text-dark nav-link">
Assoluta
</Link>
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Relativa
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Relativa
</Link>
</NavDropdown.Item>
</NavDropdown> }
{ <NavDropdown title="Progetti" id="basic-nav-dropdown" >
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Another action
</NavDropdown>}
{<NavDropdown title="Progetti" id="basic-nav-dropdown" >
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Action
</Link>
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">
Something
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Another action
</Link>
</NavDropdown.Item>
<NavDropdown.Item >
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Something
</Link>
</NavDropdown.Item>
<NavDropdown.Divider />
<NavDropdown.Item href="#action/3.4">
Separated link
<NavDropdown.Item>
<Link to={{ pathname: `/video/${localStorage['lastId']}/...` }} className="text-dark nav-link">
Separated link
</Link>
</NavDropdown.Item>
</NavDropdown> }
</NavDropdown>}
</Nav>
<form className="form-inline" onSubmit={this.handleSubmit}>
<FormControl