{isFreePlan ? (
-
+
) : (
)}
@@ -457,7 +461,11 @@ export const RealtimeSettings = () => {
{isFreePlan ? (
-
+
) : (
)}
@@ -515,7 +523,11 @@ export const RealtimeSettings = () => {
{isFreePlan ? (
-
+
) : (
)}
diff --git a/apps/studio/components/interfaces/Settings/Addons/PITRSidePanel.tsx b/apps/studio/components/interfaces/Settings/Addons/PITRSidePanel.tsx
index 768ec5fa6bc..e8510c3e88d 100644
--- a/apps/studio/components/interfaces/Settings/Addons/PITRSidePanel.tsx
+++ b/apps/studio/components/interfaces/Settings/Addons/PITRSidePanel.tsx
@@ -8,13 +8,14 @@ import { toast } from 'sonner'
import { useParams } from 'common'
import { subscriptionHasHipaaAddon } from 'components/interfaces/Billing/Subscription/Subscription.utils'
import { SupportLink } from 'components/interfaces/Support/SupportLink'
-import { UpgradePlanButton } from 'components/ui/UpgradePlanButton'
+import { UpgradeToPro } from 'components/ui/UpgradeToPro'
import { useProjectSettingsV2Query } from 'data/config/project-settings-v2-query'
import { useOrgSubscriptionQuery } from 'data/subscriptions/org-subscription-query'
import { useProjectAddonRemoveMutation } from 'data/subscriptions/project-addon-remove-mutation'
import { useProjectAddonUpdateMutation } from 'data/subscriptions/project-addon-update-mutation'
import { useProjectAddonsQuery } from 'data/subscriptions/project-addons-query'
import type { AddonVariantId } from 'data/subscriptions/types'
+import { useCheckEntitlements } from 'hooks/misc/useCheckEntitlements'
import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
@@ -22,7 +23,6 @@ import { BASE_PATH, DOCS_URL } from 'lib/constants'
import { formatCurrency } from 'lib/helpers'
import { useAddonsPagePanel } from 'state/addons-page'
import {
- Alert,
AlertDescription_Shadcn_,
AlertTitle_Shadcn_,
Alert_Shadcn_,
@@ -32,7 +32,6 @@ import {
SidePanel,
cn,
} from 'ui'
-import { useCheckEntitlements } from 'hooks/misc/useCheckEntitlements'
const PITR_CATEGORY_OPTIONS: {
id: 'off' | 'on'
@@ -272,32 +271,21 @@ const PITRSidePanel = () => {
{selectedCategory === 'on' && (
{!hasAccessToPitrVariants ? (
-
}
- >
- Upgrade your plan to change PITR for your project
-
+ addon="pitr"
+ primaryText="Changing your Point-In-Time-Recovery is only available on the Pro Plan"
+ secondaryText="Upgrade your plan to change PITR for your project"
+ featureProposition="enable PITR"
+ />
) : !hasSufficientCompute ? (
-
-
- Change compute size
-
- ,
- ]}
- >
- This is to ensure that your project has enough resources to execute PITR
- successfully
-
+ addon="computeSize"
+ primaryText="Project needs to be at least on a Small compute size to enable PITR"
+ secondaryText="This ensures enough resources to execute PITR successfully"
+ featureProposition="enable PITR"
+ />
) : null}
{
) : !hasCustomDomainAddon ? (
}
primaryText={
customDomainsDisabledDueToQuota
? 'New custom domains are temporarily disabled'
@@ -74,10 +73,11 @@ export const CustomDomainConfig = () => {
? 'We are working with our upstream DNS provider before we are able to sign up new custom domains. Please check back in a few hours.'
: plan === 'free'
? 'Paid Plans come with free vanity subdomains or Custom Domains for an additional $10/month per domain.'
- : 'To configure a custom domain for your project, please enable the add-on. Each Custom Domains costs $10 per month.'
+ : 'To configure a custom domain for your project, please enable the add-on. Each Custom Domain costs $10 per month.'
}
addon="customDomain"
source="customDomain"
+ featureProposition="enable custom domains"
disabled={customDomainsDisabledDueToQuota}
/>
) : isCustomDomainsLoading ? (
diff --git a/apps/studio/components/interfaces/Settings/Integrations/GithubIntegration/GithubSection.tsx b/apps/studio/components/interfaces/Settings/Integrations/GithubIntegration/GithubSection.tsx
index 2d538b3a805..fd74b7ada5c 100644
--- a/apps/studio/components/interfaces/Settings/Integrations/GithubIntegration/GithubSection.tsx
+++ b/apps/studio/components/interfaces/Settings/Integrations/GithubIntegration/GithubSection.tsx
@@ -9,7 +9,7 @@ import {
ScaffoldSectionDetail,
} from 'components/layouts/Scaffold'
import NoPermission from 'components/ui/NoPermission'
-import UpgradeToPro from 'components/ui/UpgradeToPro'
+import { UpgradeToPro } from 'components/ui/UpgradeToPro'
import { useGitHubConnectionsQuery } from 'data/integrations/github-connections-query'
import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
@@ -71,18 +71,20 @@ const GitHubSection = () => {
branch, keep your production branch in sync, and automatically create preview
branches for every pull request.
- {promptProPlanUpgrade && (
+ {promptProPlanUpgrade ? (
+ ) : (
+
+
+
)}
-
-
-