Asara/sudoscientist-js-frontend
Archived
1
0
Fork 0
Code Issues Pull requests Activity

Make navbar show what page you are on

Browse source
This commit is contained in:
Amarpreet Minhas 2019-08-03 23:16:02 -04:00
parent 3e2172ac36
commit 6d2cdc44a8
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/NavBar.js
View file

@ -1,17 +1,13 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Link } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
class NavBar extends Component { class NavBar extends Component {
render() { render() {
let classes= 'item';
if (this.props.isActive) {
classes += ' active';
}
return ( return (
<div className="ui three item secondary menu"> <div className="ui three item secondary menu">
<Link to="/" className='item'>sudoscientist:~#</Link> <NavLink exact to="/" className='item'>sudoscientist:~#</NavLink>
<Link to="/posts/" className={classes}>Posts</Link> <NavLink to="/posts/" className='item' activeClassName='active'>Posts</NavLink>
<Link to="/about/" className={classes}>About</Link> <NavLink to="/about/" className='item' activeClassName='active'>About</NavLink>
</div> </div>
); );
} }