beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

updated Authenticator navbar

Browse source
This commit is contained in:
Abhinav 2023-04-14 13:11:16 +05:30
parent 1b10204c58
commit 664d1b7d93
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/pages/auth/Navbar.tsx
View file

@ -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}>
{t('LOGOUT')}
</Button>
<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')}
</OverflowMenuOption>
</OverflowMenu>
</HorizontalFlex>
</NavbarBase>
);
}