diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanUpdateSidePanel.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanUpdateSidePanel.tsx
index 9babe1cb8dd..a10c866b9a0 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanUpdateSidePanel.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanUpdateSidePanel.tsx
@@ -308,7 +308,10 @@ export const PlanUpdateSidePanel = () => {
Current plan
) : !canUpdateSubscription ? (
-
+
) : (
{
track('request_upgrade_submitted', {
- requestedPlan: plan,
+ requestedPlan: plan as PlanRequest,
addon,
currentPlan,
})
@@ -144,13 +153,13 @@ export const RequestUpgradeToBillingOwners = ({
const onSubmit: SubmitHandler> = async (values) => {
if (!slug) return console.error('Slug is required')
- sendUpgradeRequest({ slug, plan, note: values.note })
+ sendUpgradeRequest({ slug, plan: plan as PlanRequest, note: values.note })
}
const handleOpenChange = (isOpen: boolean) => {
if (isOpen) {
track('request_upgrade_modal_opened', {
- requestedPlan: plan,
+ requestedPlan: plan as PlanRequest,
addon,
currentPlan,
featureProposition,
@@ -159,6 +168,25 @@ export const RequestUpgradeToBillingOwners = ({
setOpen(isOpen)
}
+ if (isInvalidDirection) {
+ return (
+
+ Not available
+
+ )
+ }
+
return (