b9f6e3bd08
* Started adding locale translations :) * Added some more translations * Working on translating even more pages * More translations * Added test default locale retrieval * replace `intl.formatMessage` with custom `t` hook * add more translations * improve title syntax * add more translations * translate admin config page * translated error messages * add language selecter * minor fixes * improve language handling * add upcoming languages * add `crowdin.yml` * run formatter --------- Co-authored-by: Steve Tautonico <stautonico@gmail.com>
46 lines
1.3 KiB
TypeScript
46 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 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} />}>
|
|
<FormattedMessage id="navbar.avatar.account" />
|
|
</Menu.Item>
|
|
{user!.isAdmin && (
|
|
<Menu.Item
|
|
component={Link}
|
|
href="/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;
|