mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 15:19:08 +03:00
Saxon FletcherandLong Hoang
15841c6bf3
* track source when viewing plans * remove log * rename event * Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com> * Update apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com> * Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com> * Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com> * added docs for tracking * prettier * chore: rename origins to give more hints on where these are coming from --------- Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.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&source=enableBranchingButton`}
|
|
onClick={() => snap.setShowEnableBranchingModal(false)}
|
|
>
|
|
Upgrade to Pro
|
|
</Link>
|
|
</Button>
|
|
</AlertDescription_Shadcn_>
|
|
</Alert_Shadcn_>
|
|
)
|
|
}
|
|
|
|
export default BranchingPlanNotice
|