Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 02:22:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

NavMenu adapted to the new popup api

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-14 00:52:34 +03:00
parent 341553aea0
commit bc7a530dfc
1 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/common/NavBar/NavMenu/NavMenu.js
View file

@ -9,25 +9,20 @@ const useFullscreen = require('../../useFullscreen');
const styles = require('./styles');
const NavMenu = ({ className, email = '', avatar = '', logout }) => {
const [menuOpen, openMenu, closeMenu, toggleMenu] = useBinaryState(false);
const [menuOpen, openMenu, closeMenu] = useBinaryState(false);
const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
return (
<Popup
open={menuOpen}
onCloseRequest={closeMenu}
renderLabel={({ ref, onClick }) => (
<Button ref={ref}
className={classnames(className, styles['nav-menu-button'], { 'active': menuOpen })}
tabIndex={-1}
onClick={(event) => {
onClick(event);
toggleMenu();
}}>
renderLabel={(props) => (
<Button {...props} className={classnames(className, styles['nav-menu-button'], { 'active': menuOpen })} tabIndex={-1} onClick={openMenu}>
<Icon className={styles['icon']} icon={'ic_more'} />
{props.children}
</Button>
)}
renderMenu={({ ref, className }) => (
<div ref={ref} className={classnames(className, styles['nav-menu'])}>
renderMenu={() => (
<div className={styles['nav-menu']}>
<div className={styles['user-info']}>
<div
className={styles['avatar']}