mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
1afaae6447
* Scaffold for API reports * Add support for filtering database reports by replicas * midway adding read replica support for custom reports * Refactor reports page to use react query and deprecate project content mobxstore * Reports add chart labels if metric is read replica specific * Give an easier way to remove charts from reports * make reports layout non-blocking * Update apps/studio/components/interfaces/Reports/Reports.tsx Co-authored-by: Alaister Young <alaister@users.noreply.github.com> --------- Co-authored-by: Alaister Young <a@alaisteryoung.com> Co-authored-by: Alaister Young <alaister@users.noreply.github.com>
29 lines
660 B
TypeScript
29 lines
660 B
TypeScript
import { BarChart2 } from 'lucide-react'
|
|
|
|
interface EmptyStateProps {
|
|
title?: string
|
|
message?: string
|
|
}
|
|
|
|
const EmptyState = ({
|
|
title = 'No data to show',
|
|
message = 'May take 24 hours for data to show',
|
|
}: EmptyStateProps) => (
|
|
<div
|
|
className="
|
|
flex h-full
|
|
w-full flex-col items-center
|
|
justify-center space-y-2 border
|
|
border-dashed border-control py-4 text-center
|
|
"
|
|
>
|
|
<BarChart2 size={20} className="text-foreground-light" />
|
|
<div>
|
|
<p className="text-xs text-foreground-light">{title}</p>
|
|
<p className="text-xs text-foreground-light">{message}</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
export default EmptyState
|