diff --git a/studio/components/interfaces/BillingV2/Usage/Activity.tsx b/studio/components/interfaces/BillingV2/Usage/Activity.tsx
index e334b561cae..d74652e765c 100644
--- a/studio/components/interfaces/BillingV2/Usage/Activity.tsx
+++ b/studio/components/interfaces/BillingV2/Usage/Activity.tsx
@@ -9,6 +9,8 @@ import {
useProjectUsageQuery,
} from 'data/usage/project-usage-query'
import dayjs from 'dayjs'
+import { PRICING_TIER_PRODUCT_IDS } from 'lib/constants'
+import Link from 'next/link'
import { Button, IconAlertTriangle } from 'ui'
import { USAGE_APPROACHING_THRESHOLD } from '../Billing.constants'
import BarChart from './BarChart'
@@ -28,6 +30,13 @@ const Activity = ({ projectRef }: ActivityProps) => {
const endDate = new Date((current_period_end ?? 0) * 1000).toISOString()
const categoryMeta = USAGE_CATEGORIES.find((category) => category.key === 'activity')
+ const upgradeUrl =
+ subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.ENTERPRISE
+ ? `/project/${projectRef}/settings/billing/enterprise`
+ : subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.TEAM
+ ? `/project/${projectRef}/settings/billing/team`
+ : `/project/${projectRef}/settings/billing/update`
+
const { data: mauData, isLoading: isLoadingMauData } = useDailyStatsQuery({
projectRef,
attribute: 'total_auth_billing_period_mau',
@@ -169,9 +178,13 @@ const Activity = ({ projectRef }: ActivityProps) => {
) : null}
-
+
+
+
+
+
{
const endDate = new Date((current_period_end ?? 0) * 1000).toISOString()
const categoryMeta = USAGE_CATEGORIES.find((category) => category.key === 'bandwidth')
+ const upgradeUrl =
+ subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.ENTERPRISE
+ ? `/project/${projectRef}/settings/billing/enterprise`
+ : subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.TEAM
+ ? `/project/${projectRef}/settings/billing/team`
+ : `/project/${projectRef}/settings/billing/update`
+
const { data: dbEgressData, isLoading: isLoadingDbEgressData } = useDailyStatsQuery({
projectRef,
attribute: 'total_egress_modified',
@@ -103,9 +111,13 @@ const Bandwidth = ({ projectRef }: BandwidthProps) => {
) : null}
-
+
+
+
+
+
{
const endDate = new Date((current_period_end ?? 0) * 1000).toISOString()
const categoryMeta = USAGE_CATEGORIES.find((category) => category.key === 'sizeCount')
+ const upgradeUrl =
+ subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.ENTERPRISE
+ ? `/project/${projectRef}/settings/billing/enterprise`
+ : subscription?.tier.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.TEAM
+ ? `/project/${projectRef}/settings/billing/team`
+ : `/project/${projectRef}/settings/billing/update`
+
const { data: dbSizeData, isLoading: isLoadingDbSizeData } = useDailyStatsQuery({
projectRef,
attribute: 'total_db_size_bytes',
@@ -118,9 +125,13 @@ const SizeAndCounts = ({ projectRef }: SizeAndCountsProps) => {
) : null}
-
+
+
+
+
+