48 lines
1.3 KiB
TypeScript
48 lines
1.3 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";
|
|
import { FormattedMessage, useIntl } from "react-intl";
|
|
|
|
const webroot = process.env.WEBROOT || "";
|
|
|
|
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={webroot + "/account"} icon={<TbUser size={14} />}>
|
|
<FormattedMessage id="navbar.avatar.account" />
|
|
</Menu.Item>
|
|
{user!.isAdmin && (
|
|
<Menu.Item
|
|
component={Link}
|
|
href={webroot + "/admin"}
|
|
icon={<TbSettings size={14} />}
|
|
>
|
|
<FormattedMessage id="navbar.avatar.admin" />
|
|
</Menu.Item>
|
|
)}
|
|
|
|
<Menu.Item
|
|
onClick={async () => {
|
|
await authService.signOut();
|
|
}}
|
|
icon={<TbDoorExit size={14} />}
|
|
>
|
|
<FormattedMessage id="navbar.avatar.signout" />
|
|
</Menu.Item>
|
|
</Menu.Dropdown>
|
|
</Menu>
|
|
);
|
|
};
|
|
|
|
export default ActionAvatar;
|