Function UserAvatar

apps/webapp/app/components/UserProfilePhoto.tsx:10–30

({
  avatarUrl,
  name,
  className,
}: {
  avatarUrl?: string | null;
  name?: string | null;
  className?: string;
})

}

export function UserAvatar({
  avatarUrl,
  name,
  className,
}: {
  avatarUrl?: string | null;
  name?: string | null;
  className?: string;
}) {
  return avatarUrl ? (
    <div className={cn("grid aspect-square place-items-center", className)}>
      <img
        className={cn("aspect-square rounded-full p-[7%]")}
        src={avatarUrl}
        alt={name ?? "User"}
      />
    </div>
  ) : (
    <UserCircleIcon className={cn("aspect-square text-charcoal-400", className)} />
  );
}