updated Authenticator navbar
This commit is contained in:
parent
1b10204c58
commit
664d1b7d93
|
@ -1,20 +1,32 @@
|
|||
import { EnteLinkLogo } from 'components/Navbar/EnteLinkLogo';
|
||||
import { FluidContainer } from 'components/Container';
|
||||
import { CenteredFlex, HorizontalFlex } from 'components/Container';
|
||||
import NavbarBase from 'components/Navbar/base';
|
||||
import React from 'react';
|
||||
import { t } from 'i18next';
|
||||
import { Button } from '@mui/material';
|
||||
import { logoutUser } from 'services/userService';
|
||||
import { EnteLogo } from 'components/EnteLogo';
|
||||
import OverflowMenu from 'components/OverflowMenu/menu';
|
||||
import { OverflowMenuOption } from 'components/OverflowMenu/option';
|
||||
import MoreHoriz from '@mui/icons-material/MoreHoriz';
|
||||
import LogoutOutlined from '@mui/icons-material/LogoutOutlined';
|
||||
|
||||
export default function AuthNavbar() {
|
||||
return (
|
||||
<NavbarBase>
|
||||
<FluidContainer>
|
||||
<EnteLinkLogo />
|
||||
</FluidContainer>
|
||||
<Button color="critical" onClick={logoutUser}>
|
||||
<CenteredFlex position={'absolute'}>
|
||||
<EnteLogo />
|
||||
</CenteredFlex>
|
||||
<HorizontalFlex width={'100%'} justifyContent={'flex-end'}>
|
||||
<OverflowMenu
|
||||
ariaControls={'auth-options'}
|
||||
triggerButtonIcon={<MoreHoriz />}>
|
||||
<OverflowMenuOption
|
||||
color="critical"
|
||||
startIcon={<LogoutOutlined />}
|
||||
onClick={logoutUser}>
|
||||
{t('LOGOUT')}
|
||||
</Button>
|
||||
</OverflowMenuOption>
|
||||
</OverflowMenu>
|
||||
</HorizontalFlex>
|
||||
</NavbarBase>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue