tangled.org
Monorepo for Tangled
tangled.org
1interface AvatarProps {
2 src: string;
3 size?: number;
4}
5
6export function Avatar({ src, size = 64 }: AvatarProps) {
7 const avatarSrc =
8 src.includes("avatar.tangled.sh") && !src.includes("format=")
9 ? `${src}${src.includes("?") ? "&" : "?"}format=jpeg`
10 : src;
11
12 return (
13 <div
14 style={{
15 width: size,
16 height: size,
17 borderRadius: size / 2,
18 overflow: "hidden",
19 display: "flex",
20 alignItems: "center",
21 justifyContent: "center",
22 }}>
23 <img
24 src={avatarSrc}
25 width={size}
26 height={size}
27 style={{ objectFit: "cover" }}
28 />
29 </div>
30 );
31}