Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
658 B · 25 lines
TSX
at main
1234567891011121314151617181920212223242526import { Avatar, AvatarFallback, AvatarImage,} from "@openstatus/ui/components/ui/avatar";import { cn } from "@openstatus/ui/lib/utils";
export function UserAvatar({ name, src, className, ...props}: Omit<React.ComponentProps<typeof Avatar>, "children"> & { name: string | null; src?: string | null;}) { return ( <Avatar className={cn("size-5 text-[10px]", className)} {...props}> {src ? <AvatarImage src={src} alt={name ?? ""} /> : null} <AvatarFallback className="bg-foreground text-background font-sans font-medium uppercase"> {Array.from(name ?? "")[0] ?? "?"} </AvatarFallback> </Avatar> );}