52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { ActionIcon, Avatar, Menu } from "@mantine/core";
|
|
import Link from "next/link";
|
|
import { TbDoorExit, TbLink, 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} radius="xl" />
|
|
</ActionIcon>
|
|
</Menu.Target>
|
|
<Menu.Dropdown>
|
|
<Menu.Item
|
|
component={Link}
|
|
href="/account/shares"
|
|
icon={<TbLink size={14} />}
|
|
>
|
|
My shares
|
|
</Menu.Item>
|
|
<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 () => {
|
|
authService.signOut();
|
|
}}
|
|
icon={<TbDoorExit size={14} />}
|
|
>
|
|
Sign out
|
|
</Menu.Item>
|
|
</Menu.Dropdown>
|
|
</Menu>
|
|
);
|
|
};
|
|
|
|
export default ActionAvatar;
|