Activity() — supabase Function Reference

Architecture documentation for the Activity() function in Activity.tsx from the supabase codebase.

Function tsx ContentManagement MediaManagement calls 1

Entity Profile

ContentManagement→ MediaManagement→ Activity() — supabase Function Reference

Dependency Diagram

graph TD
  1c012991_a5d9_1bac_d354_17179396549d["Activity()"]
  f313d58a_c706_9bf3_eb3c_2de6b61f112e["dailyUsageToDataPoints()"]
  1c012991_a5d9_1bac_d354_17179396549d -->|calls| f313d58a_c706_9bf3_eb3c_2de6b61f112e
  style 1c012991_a5d9_1bac_d354_17179396549d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/Organization/Usage/Activity.tsx lines 18–89

const Activity = ({
  orgSlug,
  projectRef,
  subscription,
  currentBillingCycleSelected,
  orgDailyStats,
  isLoadingOrgDailyStats,
}: ActivityProps) => {
  const chartMeta: {
    [key: string]: { data: DataPoint[]; margin: number; isLoading: boolean }
  } = {
    [PricingMetric.MONTHLY_ACTIVE_USERS]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.MONTHLY_ACTIVE_USERS
      ),
      margin: 18,
      isLoading: isLoadingOrgDailyStats,
    },
    [PricingMetric.MONTHLY_ACTIVE_SSO_USERS]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.MONTHLY_ACTIVE_SSO_USERS
      ),
      margin: 20,
      isLoading: isLoadingOrgDailyStats,
    },
    [PricingMetric.STORAGE_IMAGES_TRANSFORMED]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.STORAGE_IMAGES_TRANSFORMED
      ),
      margin: 0,
      isLoading: isLoadingOrgDailyStats,
    },
    [PricingMetric.FUNCTION_INVOCATIONS]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.FUNCTION_INVOCATIONS
      ),
      margin: 26,
      isLoading: isLoadingOrgDailyStats,
    },
    [PricingMetric.REALTIME_MESSAGE_COUNT]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.REALTIME_MESSAGE_COUNT
      ),
      margin: 38,
      isLoading: isLoadingOrgDailyStats,
    },
    [PricingMetric.REALTIME_PEAK_CONNECTIONS]: {
      data: dailyUsageToDataPoints(
        orgDailyStats,
        (metric) => metric === PricingMetric.REALTIME_PEAK_CONNECTIONS
      ),
      margin: 0,
      isLoading: isLoadingOrgDailyStats,
    },
  }

  return (
    <UsageSection
      orgSlug={orgSlug}
      projectRef={projectRef}
      categoryKey="activity"
      chartMeta={chartMeta}
      subscription={subscription}
      currentBillingCycleSelected={currentBillingCycleSelected}
    />
  )
}