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.5 kB · 75 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576"use client";
import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger,} from "@openstatus/ui/components/ui/sheet";import { cn } from "@openstatus/ui/lib/utils";
// TODO: rename to DataTableViewer?
export function DataTableSheetContent({ children, className, ...props}: React.ComponentProps<typeof SheetContent>) { return ( <SheetContent className={cn("max-h-screen gap-0", className)} {...props}> {children} </SheetContent> );}
export function DataTableSheetHeader({ children, className, ...props}: React.ComponentProps<typeof SheetHeader>) { return ( <SheetHeader className={cn("bg-background sticky top-0 border-b", className)} {...props} > {children} </SheetHeader> );}
export function DataTableSheetFooter({ children, className, ...props}: React.ComponentProps<typeof SheetFooter>) { return ( <SheetFooter className={cn("bg-background sticky bottom-0 border-t", className)} {...props} > {children} </SheetFooter> );}
export function DataTableSheetFooterInfo({ children, className, ...props}: React.ComponentProps<"p">) { return ( <p className={cn("text-muted-foreground/70 text-xs", className)} {...props}> {children} </p> );}
export { SheetTitle as DataTableSheetTitle, SheetDescription as DataTableSheetDescription, SheetTrigger as DataTableSheetTrigger, Sheet as DataTableSheet,};