import { useState } from "react"; import md5 from '../lib/md5'; export default function Avatar({ user, className = '', fallback }: { user: any; className?: string; fallback?: JSX.Element; }) { const [gravatarAvailable, setGravatarAvailable] = useState(true); if (user.avatar) { return Avatar; } if (gravatarAvailable) { return ( setGravatarAvailable(false)} src={`https://www.gravatar.com/avatar/${md5(user.email)}?s=160&d=identicon&r=PG`} alt="Avatar" className={className} /> ); } return fallback || null; }