A vibe coded tangled fork which supports pijul.
1interface AvatarProps {
2 src: string;
3 size?: number;
4}
5
6export function Avatar({ src, size = 64 }: AvatarProps) {
7 const avatarSrc = src.includes("avatar.tangled.sh")
8 ? src.replace(/[?&]format=\w+/, "").replace(/[?&]$/, "") +
9 (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}