StatusPageBanner.tsx27 lines · main

1	import { useStatusPageBannerVisibility } from './useStatusPageBannerVisibility'
2	import { HeaderBanner } from '@/components/interfaces/Organization/HeaderBanner'
3	import { InlineLink } from '@/components/ui/InlineLink'
4
5	const BANNER_DESCRIPTION = (
6	<>
7	Follow the <InlineLink href="https://status.supabase.com">status page</InlineLink> for updates
8	</>
9	)
10
11	/**
12	* Used to display ongoing incidents
13	*/
14	export const StatusPageBanner = () => {
15	const banner = useStatusPageBannerVisibility()
16
17	if (!banner) return null
18
19	return (
20	<HeaderBanner
21	variant="warning"
22	title={banner.title}
23	description={BANNER_DESCRIPTION}
24	onDismiss={banner.dismiss}
25	/>
26	)
27	}