mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
* Move all studio files from /studio to /apps/studio. * Move studio specific prettier ignores. * Fix the ui references from studio. * Fix the css imports. * Fix all package.json issues. * Fix the prettier setup for the studio app. * Add .turbo folder to prettierignore. * Fix the github workflows.
29 lines
711 B
TypeScript
29 lines
711 B
TypeScript
import { Button, IconRefreshCw } from 'ui'
|
|
|
|
interface Props {
|
|
title: string
|
|
onRefresh: () => void
|
|
isLoading: boolean
|
|
}
|
|
|
|
const ReportHeader: React.FC<Props> = ({ title, onRefresh, isLoading }) => (
|
|
<div className="flex flex-row justify-between gap-4 items-center">
|
|
<h1 className="text-2xl text-foreground">{title}</h1>
|
|
<Button
|
|
type="default"
|
|
size="tiny"
|
|
onClick={onRefresh}
|
|
disabled={isLoading ? true : false}
|
|
icon={
|
|
<IconRefreshCw
|
|
size="tiny"
|
|
className={`text-foreground-light ${isLoading ? 'animate-spin' : ''}`}
|
|
/>
|
|
}
|
|
>
|
|
{isLoading ? 'Refreshing' : 'Refresh'}
|
|
</Button>
|
|
</div>
|
|
)
|
|
export default ReportHeader
|