From 6d2cdc44a83c6893ed86293c7a1e2d9862072ca8 Mon Sep 17 00:00:00 2001
From: Asara <amarpreet@minhas.io>
Date: Sat, 3 Aug 2019 23:16:02 -0400
Subject: [PATCH] Make navbar show what page you are on

---
 src/components/NavBar.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

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