Files
supabase/apps/studio/components/layouts/AppLayout/IncidentBanner.tsx
95e9820c57 feat: Add notices for orgs over quota (#22044)
* Expand the org type with the new restriction fields.

* Add a badge to each org on the projects list if the org is over quota.

* Add a banner to each project belonging to an org which is over quota.

* Remove unneeded code.

* Add a restriction banner at the top of billing org tab.

* Correct the links to point to the correct page.

* Move the exceededLimits alert into the restriction component.

* Add an additional alert to the restriction component.

* chore: adjust copy on service restrictions

* Use gap instead of margin-right.

* Fix a bug in the ProjectList where the selectedOrg was used for all organizations.

* Small copy changes

* Small UI updates to restriction banner

* Hide links to documentation pages first

---------

Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com>
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2024-04-01 13:46:49 +07:00

18 lines
611 B
TypeScript

import { ExternalLink } from 'lucide-react'
import Link from 'next/link'
const IncidentBanner = () => {
return (
<Link href="https://status.supabase.com" target="_blank" rel="noreferrer">
<div className="flex cursor-pointer items-center justify-center space-x-2 bg-green-900 py-3 transition hover:bg-green-1000 text-foreground">
<p className="text-sm font-medium">
We are currently investigating a technical issue, follow status.supabase.com for updates
</p>
<ExternalLink size={16} strokeWidth={2} />
</div>
</Link>
)
}
export default IncidentBanner