fddad3ef70
* add first concept * remove setup status * split config page in multiple components * add custom branding docs * add test email button * fix invalid email from header * add migration * mount images to host * update docs * remove unused endpoint * run formatter
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { ActionIcon, Avatar, Menu } from "@mantine/core";
|
|
import Link from "next/link";
|
|
import { TbDoorExit, TbSettings, TbUser } from "react-icons/tb";
|
|
import useUser from "../../hooks/user.hook";
|
|
import authService from "../../services/auth.service";
|
|
|
|
const ActionAvatar = () => {
|
|
const { user } = useUser();
|
|
|
|
return (
|
|
<Menu position="bottom-start" withinPortal>
|
|
<Menu.Target>
|
|
<ActionIcon>
|
|
<Avatar size={28} />
|
|
</ActionIcon>
|
|
</Menu.Target>
|
|
<Menu.Dropdown>
|
|
<Menu.Item component={Link} href="/account" icon={<TbUser size={14} />}>
|
|
My account
|
|
</Menu.Item>
|
|
{user!.isAdmin && (
|
|
<Menu.Item
|
|
component={Link}
|
|
href="/admin"
|
|
icon={<TbSettings size={14} />}
|
|
>
|
|
Administration
|
|
</Menu.Item>
|
|
)}
|
|
|
|
<Menu.Item
|
|
onClick={async () => {
|
|
await authService.signOut();
|
|
}}
|
|
icon={<TbDoorExit size={14} />}
|
|
>
|
|
Sign out
|
|
</Menu.Item>
|
|
</Menu.Dropdown>
|
|
</Menu>
|
|
);
|
|
};
|
|
|
|
export default ActionAvatar;
|