From a00f59bab3661b5fc6fd41b29d369f49a5d58aa0 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Tue, 14 Aug 2018 20:51:38 +0200
Subject: [PATCH] Added 'active' on Add server link

---
 src/common/MainHeader.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/common/MainHeader.js b/src/common/MainHeader.js
index 8f8f222a..d896bd5f 100644
--- a/src/common/MainHeader.js
+++ b/src/common/MainHeader.js
@@ -22,6 +22,9 @@ export class MainHeader extends React.Component {
   }
 
   render() {
+    const { location } = this.props;
+    const createServerPath = '/server/create';
+
     return (
       <Navbar color="primary" dark fixed="top" className="main-header" expand="md">
         <NavbarBrand tag={Link} to="/">
@@ -31,7 +34,11 @@ export class MainHeader extends React.Component {
         <Collapse navbar isOpen={this.state.isOpen}>
           <Nav navbar className="ml-auto">
             <NavItem>
-              <NavLink tag={Link} to="/server/create">
+              <NavLink
+                tag={Link}
+                to={createServerPath}
+                active={location.pathname === createServerPath}
+              >
                 <FontAwesomeIcon icon={plusIcon}/>&nbsp; Add server
               </NavLink>
             </NavItem>