refactor(DefaultHeader): move to ReactRouter NavLink
This commit is contained in:
parent
988b240566
commit
7ad00e6a33
@ -1,6 +1,6 @@
|
||||
import React, { Component } from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem, NavLink } from 'reactstrap';
|
||||
import { Link, NavLink } from 'react-router-dom';
|
||||
import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem } from 'reactstrap';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
|
||||
@ -30,24 +30,24 @@ class DefaultHeader extends Component {
|
||||
|
||||
<Nav className="d-md-down-none" navbar>
|
||||
<NavItem className="px-3">
|
||||
<Link to="/" className="nav-link" >Dashboard</Link>
|
||||
<NavLink to="/dashboard" className="nav-link" >Dashboard</NavLink>
|
||||
</NavItem>
|
||||
<NavItem className="px-3">
|
||||
<Link to="/users">Users</Link>
|
||||
<Link to="/users" className="nav-link">Users</Link>
|
||||
</NavItem>
|
||||
<NavItem className="px-3">
|
||||
<NavLink href="#">Settings</NavLink>
|
||||
<NavLink to="#" className="nav-link">Settings</NavLink>
|
||||
</NavItem>
|
||||
</Nav>
|
||||
<Nav className="ml-auto" navbar>
|
||||
<NavItem className="d-md-down-none">
|
||||
<NavLink href="#"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
|
||||
<NavLink to="#" className="nav-link"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
|
||||
</NavItem>
|
||||
<NavItem className="d-md-down-none">
|
||||
<NavLink href="#"><i className="icon-list"></i></NavLink>
|
||||
<NavLink to="#" className="nav-link"><i className="icon-list"></i></NavLink>
|
||||
</NavItem>
|
||||
<NavItem className="d-md-down-none">
|
||||
<NavLink href="#"><i className="icon-location-pin"></i></NavLink>
|
||||
<NavLink to="#" className="nav-link"><i className="icon-location-pin"></i></NavLink>
|
||||
</NavItem>
|
||||
<AppHeaderDropdown direction="down">
|
||||
<DropdownToggle nav>
|
||||
|
Loading…
Reference in New Issue
Block a user