import React from 'react';
import { Link } from 'react-router';

const Sidebar = ({ location }) => {
    return (
        <div className="sidebar" data-color="nomad-green" data-image="assets/img/nomad.jpg">
            <div className="sidebar-wrapper">
                <div className="logo">
                    <Link to={{ pathname: '/cluster' }} className="logo-text" >
                        Nomad
                    </Link>
                </div>
                <ul className="nav">
                    <li className={location.pathname === '/cluster' ? 'active' : ''}>
                        <Link to={{ pathname: '/cluster' }}>
                            <i className="pe-7s-cloud" />
                            <p>Cluster</p>
                        </Link>
                    </li>
                    <li className={location.pathname === '/members' ? 'active' : ''}>
                        <Link to={{ pathname: '/members' }}>
                            <i className="pe-7s-share" />
                            <p>Members</p>
                        </Link>
                    </li>
                    <li className={location.pathname === '/jobs' ? 'active' : ''}>
                        <Link to={{ pathname: '/jobs' }}>
                            <i className="pe-7s-menu" />
                            <p>Jobs</p>
                        </Link>
                    </li>
                    <li className={location.pathname === '/nodes' ? 'active' : ''}>
                        <Link to={{ pathname: '/nodes' }}>
                            <i className="pe-7s-network" />
                            <p>Nodes</p>
                        </Link>
                    </li>
                    <li className={location.pathname === '/allocations' ? 'active' : ''}>
                        <Link to={{ pathname: '/allocations' }}>
                            <i className="pe-7s-news-paper" />
                            <p>Allocations</p>
                        </Link>
                    </li>
                    <li className={location.pathname === '/evaluations' ? 'active' : ''}>
                        <Link to={{ pathname: '/evaluations' }}>
                            <i className="pe-7s-science" />
                            <p>Evaluations</p>
                        </Link>
                    </li>
                </ul>
            </div>
            <div className="sidebar-background"></div>
        </div>
    );
};

export default Sidebar;

@@ -1154,19 +1154,20 @@
 e === '/
-job
+node
 s' ? 'ac
@@ -1231,11 +1231,12 @@
 : '/
-job
+node
 s' %7D
@@ -1290,12 +1290,14 @@
 -7s-
-menu
+keypad
 %22 /%3E
@@ -1332,11 +1332,12 @@
  %3Cp%3E
-Job
+Node
 s%3C/p
@@ -1447,36 +1447,35 @@
 .pathname === '/
-node
+job
 s' ? 'active' : 
@@ -1519,36 +1519,35 @@
 =%7B%7B pathname: '/
-node
+job
 s' %7D%7D%3E%0A         
@@ -1589,15 +1589,17 @@
 -7s-
-network
+copy-file
 %22 /%3E
@@ -1622,36 +1622,35 @@
              %3Cp%3E
-Node
+Job
 s%3C/p%3E%0A          
@@ -1756,21 +1756,21 @@
 e === '/
-alloc
+evalu
 ations' 
@@ -1839,13 +1839,13 @@
 : '/
-alloc
+evalu
 atio
@@ -1904,18 +1904,13 @@
 -7s-
-news-paper
+gleam
 %22 /%3E
@@ -1945,13 +1945,13 @@
  %3Cp%3E
-Alloc
+Evalu
 atio
@@ -2066,37 +2066,37 @@
 .pathname === '/
-evalu
+alloc
 ations' ? 'activ
@@ -2145,37 +2145,37 @@
 =%7B%7B pathname: '/
-evalu
+alloc
 ations' %7D%7D%3E%0A    
@@ -2222,15 +2222,13 @@
 -7s-
-science
+graph
 %22 /%3E
@@ -2251,37 +2251,37 @@
              %3Cp%3E
-Evalu
+Alloc
 ations%3C/p%3E%0A     

Update icons & rearrange elements.