CacheHitRateChartRenderer() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Reports/renderers/StorageRenderers.tsx lines 7–38

export const CacheHitRateChartRenderer = (
  props: ReportWidgetProps<{
    timestamp: string
    hit_count: number
    miss_count: number
  }>
) => {
  const stackedData = props.data.flatMap((datum) => [
    {
      timestamp: +datum.timestamp / 1000,
      count: datum.hit_count,
      type: 'hit',
    },
    {
      timestamp: +datum.timestamp / 1000,
      count: datum.miss_count,
      type: 'miss',
    },
  ])

  return (
    <StackedBarChart
      hideHeader
      variant="percentages"
      data={stackedData}
      xAxisKey="timestamp"
      yAxisKey="count"
      stackKey="type"
      stackColors={['brand', 'amber']}
    />
  )
}