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.
1.1 kB · 43 lines
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344import { Globe } from "@openstatus/icons";import { Fly, Koyeb, Railway } from "@openstatus/icons/brand";import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger,} from "@openstatus/ui/components/ui/tooltip";
import { cn } from "../lib/utils";
export function IconCloudProvider({ provider, className,}: React.ComponentProps<"svg"> & { provider: string;}) { switch (provider) { case "fly": return <Fly className={cn("size-4", className)} />; case "koyeb": return <Koyeb className={cn("size-4", className)} />; case "railway": return <Railway className={cn("size-4", className)} />; default: return <Globe className={cn("size-4", className)} />; }}
export function IconCloudProviderTooltip( props: React.ComponentProps<typeof IconCloudProvider>,) { return ( <TooltipProvider> <Tooltip delayDuration={0}> <TooltipTrigger type="button"> <IconCloudProvider {...props} /> </TooltipTrigger> <TooltipContent className="capitalize">{props.provider}</TooltipContent> </Tooltip> </TooltipProvider> );}