feature(network): add network route

app/components/Nav/Nav.js

@@ -7,6 +7,7 @@ import walletIcon from 'icons/wallet.svg'
 import peersIcon from 'icons/peers.svg'
 import channelsIcon from 'icons/channels.svg'
 import settingsIcon from 'icons/settings.svg'
+import globeIcon from 'icons/globe.svg'
 
 import styles from './Nav.scss'
 
@@ -38,6 +39,13 @@ const Nav = ({ openPayForm, openRequestForm }) => (
           <span>Channels</span>
         </li>
       </NavLink>
+      <NavLink exact to='/network' activeClassName={styles.active} className={styles.link}>
+        <span className={styles.activeBorder} />
+        <li>
+          <Isvg styles={{ verticalAlign: 'middle' }} src={globeIcon} />
+          <span>Network</span>
+        </li>
+      </NavLink>
     </ul>
     <div className={styles.buttons}>
       <div className={`buttonPrimary ${styles.button}`} onClick={openPayForm}>

app/icons/globe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>

app/routes.js

@@ -5,12 +5,14 @@ import App from './routes/app'
 import Activity from './routes/activity'
 import Peers from './routes/peers'
 import Channels from './routes/channels'
+import Network from './routes/network'
 
 export default () => (
   <App>
     <Switch>
       <Route path='/peers' component={Peers} />
       <Route path='/channels' component={Channels} />
+      <Route path='/network' component={Network} />
       <Route path='/' component={Activity} />
     </Switch>
   </App>

app/routes/network/components/Network.js

@@ -0,0 +1,18 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import styles from './Network.scss'
+
+class Network extends Component {
+  render() {
+    const {} = this.props
+
+    return (
+      <h1>network</h1>
+    )
+  }
+}
+
+Network.propTypes = {}
+
+export default Network

app/routes/network/containers/NetworkContainer.js

@@ -0,0 +1,10 @@
+import { withRouter } from 'react-router'
+import { connect } from 'react-redux'
+
+import Network from '../components/Network'
+
+const mapDispatchToProps = {}
+
+const mapStateToProps = state => ({})
+
+export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Network))

app/routes/network/index.js

@@ -0,0 +1,3 @@
+import NetworkContainer from './containers/NetworkContainer'
+
+export default NetworkContainer