diff --git a/src/components/layout/header/AvatarMenu.tsx b/src/components/layout/header/AvatarMenu.tsx index 0b7ca94c2..f75cd5443 100644 --- a/src/components/layout/header/AvatarMenu.tsx +++ b/src/components/layout/header/AvatarMenu.tsx @@ -1,4 +1,4 @@ -import { Avatar, Badge, Menu, UnstyledButton, useMantineTheme } from '@mantine/core'; +import { Avatar, Badge, Indicator, Menu, UnstyledButton, useMantineTheme } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; import { IconDashboard, @@ -38,10 +38,17 @@ export const AvatarMenu = () => { - + - } onClick={toggleColorScheme}> + } + onClick={toggleColorScheme} + > {t('actions.avatar.switchTheme')} {sessionData?.user && ( @@ -113,17 +120,20 @@ export const AvatarMenu = () => { }; type CurrentUserAvatarProps = { + newVersionAvailable: boolean; user: User | null; }; const CurrentUserAvatar = forwardRef( - ({ user, ...others }, ref) => { + ({ user, newVersionAvailable, ...others }, ref) => { const { primaryColor } = useMantineTheme(); if (!user) return ; return ( - - {user.name?.slice(0, 2).toUpperCase()} - + ); } );