gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(DefaultHeader): replace AppHeaderDropdown with UncontrolledDropdown

Browse Source
This commit is contained in:
xidedix 2019-06-17 20:54:05 +02:00
parent 969bc8593a
commit 770cfcf5e5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/containers/DefaultLayout/DefaultHeader.js
View File

@ -1,9 +1,9 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Link, NavLink } from 'react-router-dom'; import { Link, NavLink } from 'react-router-dom';
import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem } from 'reactstrap'; import { Badge, UncontrolledDropdown, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem } from 'reactstrap';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react'; import { AppAsideToggler, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
import logo from '../../assets/img/brand/logo.svg' import logo from '../../assets/img/brand/logo.svg'
import sygnet from '../../assets/img/brand/sygnet.svg' import sygnet from '../../assets/img/brand/sygnet.svg'
@ -49,11 +49,11 @@ class DefaultHeader extends Component {
<NavItem className="d-md-down-none"> <NavItem className="d-md-down-none">
<NavLink to="#" className="nav-link"><i className="icon-location-pin"></i></NavLink> <NavLink to="#" className="nav-link"><i className="icon-location-pin"></i></NavLink>
</NavItem> </NavItem>
<AppHeaderDropdown direction="down"> <UncontrolledDropdown nav direction="down">
<DropdownToggle nav> <DropdownToggle nav>
<img src={'../../assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" /> <img src={'../../assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
</DropdownToggle> </DropdownToggle>
<DropdownMenu right style={{ right: 'auto' }}> <DropdownMenu right>
<DropdownItem header tag="div" className="text-center"><strong>Account</strong></DropdownItem> <DropdownItem header tag="div" className="text-center"><strong>Account</strong></DropdownItem>
<DropdownItem><i className="fa fa-bell-o"></i> Updates<Badge color="info">42</Badge></DropdownItem> <DropdownItem><i className="fa fa-bell-o"></i> Updates<Badge color="info">42</Badge></DropdownItem>
<DropdownItem><i className="fa fa-envelope-o"></i> Messages<Badge color="success">42</Badge></DropdownItem> <DropdownItem><i className="fa fa-envelope-o"></i> Messages<Badge color="success">42</Badge></DropdownItem>
@ -68,7 +68,7 @@ class DefaultHeader extends Component {
<DropdownItem><i className="fa fa-shield"></i> Lock Account</DropdownItem> <DropdownItem><i className="fa fa-shield"></i> Lock Account</DropdownItem>
<DropdownItem onClick={e => this.props.onLogout(e)}><i className="fa fa-lock"></i> Logout</DropdownItem> <DropdownItem onClick={e => this.props.onLogout(e)}><i className="fa fa-lock"></i> Logout</DropdownItem>
</DropdownMenu> </DropdownMenu>
</AppHeaderDropdown> </UncontrolledDropdown>
</Nav> </Nav>
<AppAsideToggler className="d-md-down-none" /> <AppAsideToggler className="d-md-down-none" />
{/*<AppAsideToggler className="d-lg-none" mobile />*/} {/*<AppAsideToggler className="d-lg-none" mobile />*/}