area suggestion

src/TopBar.js

@@ -13,15 +13,9 @@ import './reccomenders/fvitali'
 // import PropTypes from "prop-types";
 
 class TopBar extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			query: ''
-		};
-		this.handleChange = this.handleChange.bind(this);
-		this.handleSubmit = this.handleSubmit.bind(this);
-	}
-
+	state = {
+		query: ''
+	};
 	handleChange(event) {
 		this.setState({
 			query: event.target.value
@@ -30,7 +24,7 @@ class TopBar extends Component {
 	handleSubmit(event) {
 		event.preventDefault();
 		event.target.reset();
-		this.props.history.push('/search/'+this.state.query);
+		this.props.history.push('/search/' + this.state.query);
 	}
 	render() {
 		return (
@@ -43,15 +37,11 @@ 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: "/fvitali",
-    							search: "?sort=name",
-   								hash: "#the-hash",
-    							state: { fromDashboard: true }
-  							}} className="text-light nav-link">Vitali</Link>
-							<Link to="/link" className="text-light nav-link">Recent</Link>
-							<Link to="/link" className="text-light nav-link">Random</Link>
-							<Link to="/link" className="text-light nav-link">Related</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