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.
2.0 kB · 77 lines
TSX
at incident-api
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import { existsSync } from "node:fs";import { join } from "node:path";
import Image from "next/image";
import { customers } from "@/data/customers";import { getImageDimensions } from "@/lib/image-dimensions";
import { CustomLink } from "./custom-link";import { Grid } from "./grid";
function darkVariant(src: string) { const dark = src.replace(/(\.[^.]+)$/, ".dark$1"); return existsSync(join(process.cwd(), "public", dark)) ? dark : undefined;}
function Logo({ src, alt, height = 24,}: { src: string; alt: string; height?: number;}) { const size = getImageDimensions(src) ?? { width: 160, height: 32 }; const dark = darkVariant(src); const className = "w-auto max-w-[140px] object-contain"; return ( <> <Image src={src} alt={alt} width={size.width} height={size.height} style={{ height }} className={dark ? `${className} dark:hidden` : className} /> {dark ? ( <Image src={dark} alt={alt} width={size.width} height={size.height} style={{ height }} className={`${className} hidden dark:block`} /> ) : null} </> );}
/** Customer cells from `data/customers.ts`; a name in text until its logo lands. */export function LogoCloud({ limit = customers.length }: { limit?: number }) { return ( <Grid cols={4} className="not-prose"> {customers.slice(0, limit).map((customer) => ( <CustomLink key={customer.name} href={customer.story ?? customer.href} className="hover:bg-muted flex min-h-16 items-center justify-center font-medium no-underline!" aria-label={customer.name} > {customer.logo ? ( <Logo src={customer.logo} alt={customer.name} height={customer.logoHeight} /> ) : ( customer.name )} </CustomLink> ))} </Grid> );}