4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add breackpoint variable

Browse Source
This commit is contained in:
Hugo Lextrait 2023-03-23 14:38:49 +01:00
parent fb5be8caa9
commit e734665fea
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/front/Components/DesignSystem/Header/index.tsx
View File

@ -28,6 +28,7 @@ type IState = {
export default class Header extends React.Component<IProps, IState> { export default class Header extends React.Component<IProps, IState> {
private onScrollYDirectionChange = () => { }; private onScrollYDirectionChange = () => { };
private onWindowResize = () => { }; private onWindowResize = () => { };
private headerBreakpoint = 1300;
constructor(props: IProps) { constructor(props: IProps) {
super(props); super(props);
@ -87,7 +88,7 @@ export default class Header extends React.Component<IProps, IState> {
private visibility(scrollYDirection: number) { private visibility(scrollYDirection: number) {
let open: IState["open"] = EHeaderOpeningState.OPEN; let open: IState["open"] = EHeaderOpeningState.OPEN;
if (window.scrollY > 50 && scrollYDirection < 0 && Math.abs(scrollYDirection) > 8) { if (window.scrollY > 50 && scrollYDirection < 0 && Math.abs(scrollYDirection) > 8 && window.innerWidth < this.headerBreakpoint) {
open = EHeaderOpeningState.CLOSED; open = EHeaderOpeningState.CLOSED;
this.closeBurgerMenu(); this.closeBurgerMenu();
this.closeNotificationMenu(); this.closeNotificationMenu();
@ -97,10 +98,8 @@ export default class Header extends React.Component<IProps, IState> {
} }
private onResize(window: Window) { private onResize(window: Window) {
if (window.innerWidth === 1300) { if(window.innerWidth > this.headerBreakpoint && this.state.isBurgerMenuOpen) this.setState({ isBurgerMenuOpen: false });
this.setState({ isBurgerMenuOpen: false }); if (window.innerWidth < this.headerBreakpoint && this.state.isProfileMenuOpen) this.setState({ isProfileMenuOpen: false });
this.setState({ isProfileMenuOpen: false });
}
} }
private openBurgerMenu() { private openBurgerMenu() {