Application Analytics follow-up

apps/web/app/(ee)/api/applications/analytics/route.ts → apps/web/app/(ee)/api/partners/applications/analytics/route.ts

@@ -34,7 +34,7 @@ const aggregations = {
   },
 } as const;
 
-// GET /api/applications/analytics
+// GET /api/partners/applications/analytics
 export const GET = withWorkspace(async ({ workspace, searchParams }) => {
   const programId = getDefaultProgramIdOrThrow(workspace);
 

apps/web/app/(ee)/api/applications/events/route.ts → apps/web/app/(ee)/api/partners/applications/events/route.ts

@@ -12,7 +12,7 @@ import { parseFilterValue } from "@dub/utils";
 import { NextResponse } from "next/server";
 import * as z from "zod/v4";
 
-// GET /api/applications/events – list application events
+// GET /api/partners/applications/events – list application events
 export const GET = withWorkspace(async ({ workspace, searchParams }) => {
   const programId = getDefaultProgramIdOrThrow(workspace);
 

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/applications/application-referral-source-icon.tsx

@@ -0,0 +1,17 @@
+import { ReferrerIcon } from "@/ui/analytics/referrer-icon";
+import { Globe, Shop } from "@dub/ui/icons";
+
+export function ApplicationReferralSourceIcon({
+  referralSource,
+}: {
+  referralSource: string;
+}) {
+  switch (referralSource) {
+    case "marketplace":
+      return <Shop />;
+    case "direct":
+      return <Globe />;
+    default:
+      return <ReferrerIcon display={referralSource} />;
+  }
+}

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/applications/applications-analytics-cards.tsx

@@ -7,18 +7,16 @@ import {
 import { ApplicationEventStages } from "@/lib/types";
 import { AnalyticsLoadingSpinner } from "@/ui/analytics/analytics-loading-spinner";
 import { BarList } from "@/ui/analytics/bar-list";
-import { ReferrerIcon } from "@/ui/analytics/referrer-icon";
 import { Modal, TabSelect, useRouterStuff } from "@dub/ui";
 import {
   CircleCheck,
   CircleDotted,
   CircleHalfDottedClock,
   FlagWavy,
-  Globe,
-  Shop,
 } from "@dub/ui/icons";
 import { cn, COUNTRIES, parseFilterValue } from "@dub/utils";
 import { ReactNode, useCallback, useMemo, useState } from "react";
+import { ApplicationReferralSourceIcon } from "./application-referral-source-icon";
 import { useApplicationsAnalytics } from "./use-applications-analytics";
 
 type AnalyticsTab = "referralSource" | "country";
@@ -255,14 +253,7 @@ export function ApplicationsAnalyticsCards({
           const source = row.referralSource as string;
           const value = (row?.[stageKey] as number | undefined) ?? 0;
           return {
-            icon:
-              source === "marketplace" ? (
-                <Shop />
-              ) : source === "direct" ? (
-                <Globe />
-              ) : (
-                <ReferrerIcon display={source} />
-              ),
+            icon: <ApplicationReferralSourceIcon referralSource={source} />,
             title: getReferralSourceDisplayValue(source),
             filterValue: source,
             value,

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/applications/use-application-events.ts

@@ -19,7 +19,7 @@ export function useApplicationEvents(filters: ApplicationEventsQuery) {
   );
 
   const { data, error, isLoading } = useSWR<ApplicationEvent[]>(
-    workspaceId ? `/api/applications/events${queryString}` : null,
+    workspaceId ? `/api/partners/applications/events${queryString}` : null,
     fetcher,
     {
       keepPreviousData: true,

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/applications/use-applications-analytics-filters.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { getReferralSourceDisplayValue } from "@/lib/application-events/utils";
 import useWorkspace from "@/lib/swr/use-workspace";
 import { PartnerAvatar } from "@/ui/partners/partner-avatar";
 import { useRouterStuff } from "@dub/ui";
@@ -11,12 +12,13 @@ import {
   parseFilterValue,
 } from "@dub/utils";
 import { useCallback, useMemo } from "react";
+import { ApplicationReferralSourceIcon } from "./application-referral-source-icon";
 import { useApplicationsAnalytics } from "./use-applications-analytics";
 import { useApplicationsAnalyticsQuery } from "./use-applications-analytics-query";
 
 const FILTER_KEYS = ["partnerId", "country", "referralSource"] as const;
 
-export function useApplicationEventsFilters() {
+export function useApplicationAnalyticsFilters() {
   const { slug } = useWorkspace();
   const { stage } = useApplicationsAnalyticsQuery();
   const { searchParamsObj, queryParams } = useRouterStuff();
@@ -76,7 +78,12 @@ export function useApplicationEventsFilters() {
             ?.filter((row) => row[stageMetricKey] > 0)
             .map((row) => ({
               value: row.referralSource,
-              label: row.referralSource,
+              label: getReferralSourceDisplayValue(row.referralSource),
+              icon: (
+                <ApplicationReferralSourceIcon
+                  referralSource={row.referralSource}
+                />
+              ),
               right: nFormatter(row[stageMetricKey]),
             })) ?? [],
       },

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/applications/use-applications-analytics.ts

@@ -17,11 +17,16 @@ interface UseApplicationsAnalyticsProps<
 > extends ApplicationEventAnalyticsQuery {
   groupBy: TGroupBy;
   exclude?: ApplicationAnalyticsFilterKey[];
+  enabled?: boolean;
 }
 
 export function useApplicationsAnalytics<
   TGroupBy extends keyof ApplicationAnalyticsByGroup,
->({ exclude, ...filters }: UseApplicationsAnalyticsProps<TGroupBy>) {
+>({
+  exclude,
+  enabled = true,
+  ...filters
+}: UseApplicationsAnalyticsProps<TGroupBy>) {
   const { id: workspaceId } = useWorkspace();
   const { getQueryString } = useRouterStuff();
 
@@ -46,9 +51,15 @@ export function useApplicationsAnalytics<
 
   const { data, error, isLoading } = useSWR<
     ApplicationAnalyticsByGroup[TGroupBy][]
-  >(workspaceId ? `/api/applications/analytics${queryString}` : null, fetcher, {
-    keepPreviousData: true,
-  });
+  >(
+    workspaceId && enabled
+      ? `/api/partners/applications/analytics${queryString}`
+      : null,
+    fetcher,
+    {
+      keepPreviousData: true,
+    },
+  );
 
   return {
     data,
@@ -84,9 +95,13 @@ export function useApplicationsAnalyticsCount(
 
   const { data, error, isLoading } = useSWR<
     ApplicationAnalyticsByGroup["count"]
-  >(workspaceId ? `/api/applications/analytics${queryString}` : null, fetcher, {
-    keepPreviousData: true,
-  });
+  >(
+    workspaceId ? `/api/partners/applications/analytics${queryString}` : null,
+    fetcher,
+    {
+      keepPreviousData: true,
+    },
+  );
 
   return {
     data,

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/analytics/program-analytics-shell.tsx

@@ -26,7 +26,7 @@ import { useParams } from "next/navigation";
 import { ContextType, ReactNode, useMemo } from "react";
 import useSWR from "swr";
 import { ApplicationsAnalyticsCards } from "./applications/applications-analytics-cards";
-import { useApplicationEventsFilters } from "./applications/use-applications-analytics-filters";
+import { useApplicationAnalyticsFilters } from "./applications/use-applications-analytics-filters";
 import { useApplicationsAnalyticsQuery } from "./applications/use-applications-analytics-query";
 import { CommissionsAnalyticsCards } from "./commissions-analytics-cards";
 import {
@@ -132,7 +132,7 @@ export function ProgramAnalyticsShell({ children }: { children: ReactNode }) {
     onRemoveAll: applicationsOnRemoveAll,
     onOpenFilter: applicationsOnOpenFilter,
     onToggleOperator: applicationsOnToggleOperator,
-  } = useApplicationEventsFilters();
+  } = useApplicationAnalyticsFilters();
 
   const filterSelect =
     pageTab === "commissions" ? (