first commit

src/components/UserAvatar.jsx

@@ -0,0 +1,12 @@
+import { Avatar } from '@mui/material';
+import { stringToColor, initials } from '@/utils/format';
+
+// ==============================|| INITIALS AVATAR ||============================== //
+
+export default function UserAvatar({ name = '', size = 32, sx }) {
+  return (
+    <Avatar sx={{ width: size, height: size, bgcolor: stringToColor(name), fontSize: size * 0.42, ...sx }}>
+      {initials(name)}
+    </Avatar>
+  );
+}