Skip to content

Commit 7ad00e6

Browse files
committed
refactor(DefaultHeader): move to ReactRouter NavLink
1 parent 988b240 commit 7ad00e6

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/containers/DefaultLayout/DefaultHeader.js

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React, { Component } from 'react';
2-
import { Link } from 'react-router-dom';
3-
import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem, NavLink } from 'reactstrap';
2+
import { Link, NavLink } from 'react-router-dom';
3+
import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem } from 'reactstrap';
44
import PropTypes from 'prop-types';
55

66
import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
@@ -30,24 +30,24 @@ class DefaultHeader extends Component {
3030

3131
<Nav className="d-md-down-none" navbar>
3232
<NavItem className="px-3">
33-
<Link to="/" className="nav-link" >Dashboard</Link>
33+
<NavLink to="/dashboard" className="nav-link" >Dashboard</NavLink>
3434
</NavItem>
3535
<NavItem className="px-3">
36-
<Link to="/users">Users</Link>
36+
<Link to="/users" className="nav-link">Users</Link>
3737
</NavItem>
3838
<NavItem className="px-3">
39-
<NavLink href="#">Settings</NavLink>
39+
<NavLink to="#" className="nav-link">Settings</NavLink>
4040
</NavItem>
4141
</Nav>
4242
<Nav className="ml-auto" navbar>
4343
<NavItem className="d-md-down-none">
44-
<NavLink href="#"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
44+
<NavLink to="#" className="nav-link"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
4545
</NavItem>
4646
<NavItem className="d-md-down-none">
47-
<NavLink href="#"><i className="icon-list"></i></NavLink>
47+
<NavLink to="#" className="nav-link"><i className="icon-list"></i></NavLink>
4848
</NavItem>
4949
<NavItem className="d-md-down-none">
50-
<NavLink href="#"><i className="icon-location-pin"></i></NavLink>
50+
<NavLink to="#" className="nav-link"><i className="icon-location-pin"></i></NavLink>
5151
</NavItem>
5252
<AppHeaderDropdown direction="down">
5353
<DropdownToggle nav>

0 commit comments

Comments
 (0)