mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 07:39:07 +03:00
Wen Bo XieandKevin Grüneberg
f1541878a9
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import { AlertCircleIcon } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
|
|
import { useSelectedOrganization } from 'hooks/misc/useSelectedOrganization'
|
|
import { useAppStateSnapshot } from 'state/app-state'
|
|
import { AlertDescription_Shadcn_, AlertTitle_Shadcn_, Alert_Shadcn_, Button } from 'ui'
|
|
|
|
const BranchingPlanNotice = () => {
|
|
const snap = useAppStateSnapshot()
|
|
const selectedOrg = useSelectedOrganization()
|
|
|
|
return (
|
|
<Alert_Shadcn_ className="rounded-none px-7 py-6 [&>svg]:top-6 [&>svg]:left-6 border-0 border-y">
|
|
<AlertCircleIcon />
|
|
<AlertTitle_Shadcn_>
|
|
Database branching is only available on the Pro Plan and above
|
|
</AlertTitle_Shadcn_>
|
|
<AlertDescription_Shadcn_>
|
|
Go to your organization's billing settings and upgrade your plan to enable branching for
|
|
this project
|
|
</AlertDescription_Shadcn_>
|
|
<AlertDescription_Shadcn_>
|
|
<Button size="tiny" type="default" className="mt-4">
|
|
<Link
|
|
href={`/org/${selectedOrg?.slug}/billing?panel=subscriptionPlan`}
|
|
onClick={() => snap.setShowEnableBranchingModal(false)}
|
|
>
|
|
Upgrade to Pro
|
|
</Link>
|
|
</Button>
|
|
</AlertDescription_Shadcn_>
|
|
</Alert_Shadcn_>
|
|
)
|
|
}
|
|
|
|
export default BranchingPlanNotice
|