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.
848 B · 33 lines
TSX
12345678910111213141516171819202122232425262728293031323334import { format } from "date-fns";
import { HoverCardTimestamp } from "@/components/common/hover-card-timestamp";import { cn } from "@/lib/utils";
export function TableCellDate({ value, className, formatStr = "LLL dd, y HH:mm:ss", ...props}: React.ComponentProps<"div"> & { value: unknown; formatStr?: string }) { if (value instanceof Date) { return ( <HoverCardTimestamp date={value}> <div className={cn("text-muted-foreground", className)} {...props}> {format(value, formatStr)} </div> </HoverCardTimestamp> ); } if (typeof value === "string") { return ( <div className={cn("text-muted-foreground", className)} {...props}> {value} </div> ); } return ( <div className={cn("text-muted-foreground", className)} {...props}> - </div> );}