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} - + + + + +