mirror of
https://github.com/supabase/supabase.git
synced 2026-10-19 16:19:10 +03:00
29 lines
733 B
TypeScript
29 lines
733 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: (datum: Datum) => void
|
|
}
|
|
|
|
const LogEventChart = ({ data, onBarClick }: LogEventChartProps) => {
|
|
return (
|
|
<BarChart
|
|
minimalHeader
|
|
size="tiny"
|
|
yAxisKey="count"
|
|
xAxisKey="timestamp"
|
|
data={data}
|
|
title="Logs / Time"
|
|
onBarClick={(datum: Datum | EventChartData) => {
|
|
if (!datum?.timestamp) return
|
|
onBarClick(datum)
|
|
}}
|
|
customDateFormat="MMM D, HH:mm:s"
|
|
xAxisIsDate={true}
|
|
/>
|
|
)
|
|
}
|
|
export default LogEventChart
|