DisabledWarningDueToIncident.tsx31 lines · main

1	import { AlertCircle } from 'lucide-react'
2
3	import InformationBox from '@/components/ui/InformationBox'
4	import Panel from '@/components/ui/Panel'
5
6	interface DisabledWarningDueToIncidentProps {
7	title: string
8	}
9
10	export const DisabledWarningDueToIncident = ({ title }: DisabledWarningDueToIncidentProps) => {
11	return (
12	<Panel.Content className="pb-8">
13	<InformationBox
14	icon={<AlertCircle size={20} strokeWidth={1.5} />}
15	defaultVisibility={true}
16	hideCollapse
17	title={title}
18	description={
19	<div className="space-y-3">
20	<p className="text-sm leading-normal">
21	Our engineers are currently working on a fix. You can follow updates on{' '}
22	<a className="text-brand" href="https://status.supabase.com/">
23	https://status.supabase.com/
24	</a>
25	</p>
26	</div>
27	}
28	/>
29	</Panel.Content>
30	)
31	}