mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 01:20:24 +03:00
Code Issues Projects Releases Packages Wiki Activity

Ensured toggle menu is hidden on route change

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-05 11:27:26 +02:00
parent ec6b11d9c9
commit ca4365d820
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/common/MainHeader.js
View file

@ -1,20 +1,26 @@
import plusIcon from '@fortawesome/fontawesome-free-solid/faPlus';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import React from 'react';
import { Link } from 'react-router-dom';
import { Link, withRouter } from 'react-router-dom'
import { Collapse, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';
import ServersDropdown from '../servers/ServersDropdown';
import './MainHeader.scss';
import shlinkLogo from './shlink-logo-white.png';
export default class MainHeader extends React.Component {
export class MainHeader extends React.Component {
state = { isOpen: false };
toggle = () => {
this.setState({
isOpen: !this.state.isOpen
});
this.setState(({ isOpen }) => ({
isOpen: !isOpen
}));
};
componentDidUpdate(prevProps) {
if (this.props.location !== prevProps.location) {
this.setState({ isOpen: false });
}
}
render() {
return (
<Navbar color="primary" dark fixed="top" className="main-header" expand="md">
@ -36,3 +42,5 @@ export default class MainHeader extends React.Component {
);
}
}
export default withRouter(MainHeader);