profile picture

src/pages/taskmanager/components/UserAvatar.tsx

@@ -0,0 +1,16 @@
+import { type FC } from "react";
+import AvatarImage from "../../../assets/images/avatar_image.png";
+
+type Props = {
+  src?: string | null;
+  alt?: string;
+  className?: string;
+};
+
+const UserAvatar: FC<Props> = ({ src, alt = "", className = "size-6" }) => (
+  <div className={`${className} rounded-full overflow-hidden shrink-0 bg-[#D0D0D0]`}>
+    <img src={src || AvatarImage} alt={alt} className="size-full object-cover" />
+  </div>
+);
+
+export default UserAvatar;