Fix console errors

This commit is contained in:
Rafael 2022-05-04 11:45:34 -03:00 committed by Thomas Zarebczan
parent 51746c24b1
commit ca755d37b3

View file

@ -61,53 +61,58 @@ export default function HeaderProfileMenuButton(props: HeaderMenuButtonProps) {
)} )}
</Button> </Button>
)} )}
<MuiMenu {authenticated ? (
id="basic-menu" <MuiMenu
anchorEl={anchorEl} id="basic-menu"
open={open} anchorEl={anchorEl}
onClose={handleClose} open={open}
MenuListProps={{ onClose={handleClose}
'aria-labelledby': 'basic-button', MenuListProps={{
sx: { padding: 'var(--spacing-xs)' }, 'aria-labelledby': 'basic-button',
}} sx: { padding: 'var(--spacing-xs)' },
className="menu__list--header" }}
sx={{ 'z-index': 2 }} className="menu__list--header"
PaperProps={{ className: 'MuiMenu-list--paper' }} sx={{ 'z-index': 2 }}
> PaperProps={{ className: 'MuiMenu-list--paper' }}
{authenticated ? ( >
<> <HeaderMenuLink useMui page={PAGES.UPLOADS} icon={ICONS.PUBLISH} name={__('Uploads')} />
<HeaderMenuLink useMui page={PAGES.UPLOADS} icon={ICONS.PUBLISH} name={__('Uploads')} /> <HeaderMenuLink useMui page={PAGES.CHANNELS} icon={ICONS.CHANNEL} name={__('Channels')} />
<HeaderMenuLink useMui page={PAGES.CHANNELS} icon={ICONS.CHANNEL} name={__('Channels')} /> <HeaderMenuLink useMui page={PAGES.CREATOR_DASHBOARD} icon={ICONS.ANALYTICS} name={__('Creator Analytics')} />
<HeaderMenuLink <HeaderMenuLink useMui page={PAGES.REWARDS} icon={ICONS.REWARDS} name={__('Rewards')} />
useMui <HeaderMenuLink useMui page={PAGES.INVITE} icon={ICONS.INVITE} name={__('Invites')} />
page={PAGES.CREATOR_DASHBOARD} <HeaderMenuLink useMui page={PAGES.ODYSEE_MEMBERSHIP} icon={ICONS.UPGRADE} name={__('Odysee Premium')} />
icon={ICONS.ANALYTICS} <ChannelSelector storeSelection isHeaderMenu />
name={__('Creator Analytics')}
/>
<HeaderMenuLink useMui page={PAGES.REWARDS} icon={ICONS.REWARDS} name={__('Rewards')} />
<HeaderMenuLink useMui page={PAGES.INVITE} icon={ICONS.INVITE} name={__('Invites')} />
<HeaderMenuLink useMui page={PAGES.ODYSEE_MEMBERSHIP} icon={ICONS.UPGRADE} name={__('Odysee Premium')} />
<ChannelSelector storeSelection isHeaderMenu />
<MuiMenuItem onClick={signOut} sx={{ padding: '0px' }}> <MuiMenuItem onClick={signOut} sx={{ padding: '0px' }}>
<div className="menu__link" style={{ 'flex-direction': 'column', 'align-items': 'flex-start' }}> <div className="menu__link" style={{ flexDirection: 'column', alignItems: 'flex-start' }}>
<div> <div>
<Icon aria-hidden icon={ICONS.SIGN_OUT} /> <Icon aria-hidden icon={ICONS.SIGN_OUT} />
{__('Sign Out')} {__('Sign Out')}
</div>
<span className="menu__link-help">{email}</span>
</div> </div>
</MuiMenuItem> <span className="menu__link-help">{email}</span>
</> </div>
) : ( </MuiMenuItem>
<> </MuiMenu>
<HeaderMenuLink useMui page={PAGES.AUTH_SIGNIN} icon={ICONS.SIGN_IN} name={__('Log In')} /> ) : (
<HeaderMenuLink useMui page={PAGES.AUTH} icon={ICONS.SIGN_UP} name={__('Sign Up')} /> <MuiMenu
<HeaderMenuLink useMui page={PAGES.SETTINGS} icon={ICONS.SETTINGS} name={__('Settings')} /> id="basic-menu"
<HeaderMenuLink useMui page={PAGES.HELP} icon={ICONS.HELP} name={__('Help')} /> anchorEl={anchorEl}
</> open={open}
)} onClose={handleClose}
</MuiMenu> MenuListProps={{
'aria-labelledby': 'basic-button',
sx: { padding: 'var(--spacing-xs)' },
}}
className="menu__list--header"
sx={{ 'z-index': 2 }}
PaperProps={{ className: 'MuiMenu-list--paper' }}
>
<HeaderMenuLink useMui page={PAGES.AUTH_SIGNIN} icon={ICONS.SIGN_IN} name={__('Log In')} />
<HeaderMenuLink useMui page={PAGES.AUTH} icon={ICONS.SIGN_UP} name={__('Sign Up')} />
<HeaderMenuLink useMui page={PAGES.SETTINGS} icon={ICONS.SETTINGS} name={__('Settings')} />
<HeaderMenuLink useMui page={PAGES.HELP} icon={ICONS.HELP} name={__('Help')} />
</MuiMenu>
)}
</div> </div>
); );
} }