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.8 kB · 71 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172"use client";
import { Skeleton } from "@openstatus/ui/components/ui/skeleton";import { useQuery } from "@tanstack/react-query";import { useMemo } from "react";
import { BlockWrapper } from "@/components/content/block-wrapper";import { EmptyStateContainer, EmptyStateDescription, EmptyStateTitle,} from "@/components/content/empty-state";import { DataTable } from "@/components/ui/data-table/data-table";import { DataTablePaginationSimple } from "@/components/ui/data-table/data-table-pagination";import { useTRPC } from "@/lib/trpc/client";
import { getColumns } from "./columns";
export function AuditLogsWrapper({ monitorId, interval,}: { monitorId: string; interval: number;}) { const trpc = useTRPC();
const { data: auditLogs, isLoading } = useQuery( trpc.tinybird.auditLog.queryOptions({ monitorId, interval }), );
const { data: privateLocations } = useQuery( trpc.privateLocation.list.queryOptions(), );
const columns = useMemo( () => getColumns(privateLocations), [privateLocations], );
if (isLoading) { return ( <div className="flex h-full max-h-48 min-h-48 flex-col"> <Skeleton className="h-full w-full flex-1" /> </div> ); }
if (!auditLogs?.data || auditLogs.data.length === 0) { return ( <EmptyStateContainer> <EmptyStateTitle>No audit logs</EmptyStateTitle> <EmptyStateDescription> No audit logs found for this monitor. </EmptyStateDescription> </EmptyStateContainer> ); }
return ( <BlockWrapper> <DataTable columns={columns} data={auditLogs.data} paginationComponent={DataTablePaginationSimple} /> </BlockWrapper> );}
export default AuditLogsWrapper;