Something went wrong. Try again.
Monorepo for Tangled tangled.org
Something went wrong. Try again.
681 B · 31 lines
TSX
1234567891011121314151617181920212223242526272829303132interface AvatarProps { src: string; size?: number;}
export function Avatar({ src, size = 64 }: AvatarProps) { const avatarSrc = src.includes("avatar.tangled.sh") ? src.replace(/[?&]format=\w+/, "").replace(/[?&]$/, "") + (src.includes("?") ? "&" : "?") + "format=jpeg" : src;
return ( <div style={{ width: size, height: size, borderRadius: size / 2, overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center", }}> <img src={avatarSrc} width={size} height={size} style={{ objectFit: "cover" }} /> </div> );}