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() {
-
+