src/components/layout/header/index.jsx

   1 import React, { Component } from 'react'
   2 import { NavLink } from 'react-router-dom'
   3 import NetworkInfo from './NetworkInfo'
   4
   5 const Header = class extends Component {
   6
   7   constructor (props) {
   8     super(props)
   9   }
  10
  11   render () {
  12     return (
  13       <nav className="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
  14         <div className="container">
  15           <NavLink className="navbar-brand js-scroll-trigger" to="/">
  16             Bytom DApp Demo
  17           </NavLink>
  18
  19           <button className="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  20             Menu
  21             <i className="fas fa-bars"></i>
  22           </button>
  23
  24           <div className="collapse navbar-collapse" id="navbarResponsive">
  25             <ul className="navbar-nav mr-auto">
  26               <li className="nav-item mx-0 mx-lg-1">
  27                 <NavLink  exact activeClassName="active" className="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" to='/'>Saving</NavLink>
  28               </li>
  29               <li className="nav-item mx-0 mx-lg-1">
  30                 <NavLink  exact activeClassName="active" className="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"  to='/profit'>Profit</NavLink>
  31               </li>
  32             </ul>
  33             <NetworkInfo/>
  34           </div>
  35
  36         </div>
  37       </nav>
  38     )
  39   }
  40 }
  41
  42 export default Header