slices.network
Highly ambitious ATProtocol AppView service and sdks
chadtmiller.com
add new frontend client using graphql and relay, get graphql schema at feature parity with the xrpc endpoints
1type DefaultAvatarProps = Readonly<{
2 size?: number;
3 backgroundColor?: string;
4 foregroundColor?: string;
5 className?: string;
6}>;
7
8export function DefaultAvatar({
9 size = 28,
10 backgroundColor = "#00a6f4", // Tailwind sky 500
11 foregroundColor = "#fff",
12 className,
13}: DefaultAvatarProps) {
14 return (
15 <svg
16 width={size}
17 height={size}
18 viewBox="0 0 512 512"
19 className={className}
20 aria-hidden="true"
21 >
22 {/* Circle background */}
23 <circle cx="256" cy="256" r="256" fill={backgroundColor} />
24
25 {/* User icon (similar to Font Awesome's user icon) */}
26 <g transform="translate(128, 96)">
27 <path
28 fill={foregroundColor}
29 d="M128 128c35.3 0 64-28.7 64-64s-28.7-64-64-64S64 28.7 64 64s28.7 64 64 64zm-44.1 32C37.5 160 0 197.5 0 244.1v39.7c0 8.8 7.2 16 16 16h224c8.8 0 16-7.2 16-16v-39.7c0-46.6-37.5-84.1-83.9-84.1h-88.2z"
30 />
31 </g>
32 </svg>
33 );
34}