diff --git a/packages/desktop/src/components/NirvanaAvatar.tsx b/packages/desktop/src/components/NirvanaAvatar.tsx new file mode 100644 index 0000000..b786750 --- /dev/null +++ b/packages/desktop/src/components/NirvanaAvatar.tsx @@ -0,0 +1,29 @@ +import { Avatar, AvatarGroup, SxProps } from '@mui/material'; +import React from 'react'; + +/** + * + * for multiple avatars, will render all in a folder + * takes into account size as well + */ +export default function NirvanaAvatar({ + avatars, + size = 'default', +}: { + size?: 'large' | 'small' | 'default'; + avatars: { src: string; alt: string }[]; +}) { + const sx: SxProps = size === 'small' ? { height: 25, width: 25 } : {}; + + if (avatars?.length === 1) { + return ; + } + + return ( + + {avatars.map((avatar, index) => ( + + ))} + + ); +} diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx index b60427c..5c95013 100644 --- a/packages/desktop/src/components/Terminal.tsx +++ b/packages/desktop/src/components/Terminal.tsx @@ -22,6 +22,7 @@ import { FiActivity, FiInbox, FiSearch } from 'react-icons/fi'; import KeyboardShortcutLabel from './KeyboardShortcutLabel'; import { useSnackbar } from 'notistack'; import { useKey } from 'react-use'; +import NirvanaAvatar from './NirvanaAvatar'; export default function Terminal() { const { enqueueSnackbar } = useSnackbar(); @@ -120,7 +121,11 @@ export default function Terminal() { - +