mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 07:39:07 +03:00
28 lines
753 B
TypeScript
28 lines
753 B
TypeScript
import BarChart from 'components/ui/Charts/BarChart'
|
|
import type { Datum } from 'components/ui/Charts/Charts.types'
|
|
import type { EventChartData } from './Logs.types'
|
|
|
|
export interface LogEventChartProps {
|
|
data: EventChartData[]
|
|
onBarClick: (isoTimestamp: string) => void
|
|
className?: string
|
|
}
|
|
|
|
const LogEventChart = ({ data, onBarClick, className }: LogEventChartProps) => (
|
|
<BarChart
|
|
className={className}
|
|
minimalHeader
|
|
size="tiny"
|
|
yAxisKey="count"
|
|
xAxisKey="timestamp"
|
|
data={data}
|
|
title="Logs / Time"
|
|
onBarClick={(datum: Datum | EventChartData) => {
|
|
if (!datum?.timestamp) return
|
|
onBarClick(datum.timestamp as string)
|
|
}}
|
|
customDateFormat="MMM D, HH:mm:s"
|
|
/>
|
|
)
|
|
export default LogEventChart
|