all

Downloads/Voltaserve/ui/src/components/top-bar/account-menu/account-menu-avatar-image.tsx

@@ -0,0 +1,24 @@
+import { Avatar } from '@chakra-ui/react'
+import cx from 'classnames'
+import { User } from '@/client/idp/user'
+
+export type AccountMenuAvatarImageProps = {
+  user: User
+}
+
+const AccountMenuAvatarImage = ({ user }: AccountMenuAvatarImageProps) => (
+  <Avatar
+    name={user.fullName}
+    src={user.picture}
+    size="sm"
+    className={cx(
+      'w-[40px]',
+      'h-[40px]',
+      'border',
+      'border-gray-300',
+      'dark:border-gray-700',
+    )}
+  />
+)
+
+export default AccountMenuAvatarImage