fix overview-chart totals

Author: steven-tey

apps/web/app/api/programs/[programId]/metrics/route.ts

@@ -47,7 +47,6 @@ export const GET = withWorkspace(
           _all: true,
         },
         _sum: {
-          amount: true,
           earnings: true,
         },
       }),
@@ -63,7 +62,6 @@ export const GET = withWorkspace(
     const response = ProgramMetricsSchema.parse({
       partnersCount,
       salesCount: commissions._count._all,
-      revenue: commissions._sum.amount || 0,
       commissions: commissions._sum.earnings || 0,
       payouts: payouts._sum.amount || 0,
     });

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/overview-chart.tsx

@@ -2,7 +2,6 @@ import { DUB_PARTNERS_ANALYTICS_INTERVAL } from "@/lib/analytics/constants";
 import { formatDateTooltip } from "@/lib/analytics/format-date-tooltip";
 import { IntervalOptions } from "@/lib/analytics/types";
 import useProgramCommissions from "@/lib/swr/use-program-commissions";
-import useProgramMetrics from "@/lib/swr/use-program-metrics";
 import useProgramRevenue from "@/lib/swr/use-program-revenue";
 import SimpleDateRangePicker from "@/ui/shared/simple-date-range-picker";
 import { Combobox, useRouterStuff } from "@dub/ui";
@@ -41,8 +40,6 @@ export function OverviewChart() {
     interval?: IntervalOptions;
   };
 
-  const { metrics } = useProgramMetrics();
-
   const { data: revenue, error: revenueError } = useProgramRevenue({
     event: "sales",
     groupBy: "timeseries",
@@ -72,6 +69,10 @@ export function OverviewChart() {
     }));
   }, [revenue, commissions, viewType]);
 
+  const total = useMemo(() => {
+    return data?.reduce((acc, curr) => acc + curr.values.amount, 0);
+  }, [data]);
+
   const dataLoading = !data && !revenueError && !commissionsError;
   const error = revenueError || commissionsError;
 
@@ -100,11 +101,11 @@ export function OverviewChart() {
         </div>
 
         <div className="flex flex-col gap-1 px-4">
-          {!metrics ? (
+          {total === undefined ? (
             <div className="h-11 w-24 animate-pulse rounded-md bg-neutral-200" />
           ) : (
             <NumberFlow
-              value={metrics[viewType] / 100}
+              value={total}
               className="text-3xl text-neutral-800"
               format={{
                 style: "currency",

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/program-metrics.tsx

@@ -1,6 +1,6 @@
 import useProgramMetrics from "@/lib/swr/use-program-metrics";
 import { Icon } from "@dub/ui";
-import { Check2, CurrencyDollar, MoneyBills2, Users } from "@dub/ui/icons";
+import { Check2, CircleDollar, MoneyBills2, Users } from "@dub/ui/icons";
 import NumberFlow from "@number-flow/react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
@@ -25,9 +25,9 @@ export function ProgramMetrics() {
         error={error}
       />
       <Stat
-        icon={CurrencyDollar}
-        label="Revenue"
-        value={metrics?.revenue}
+        icon={CircleDollar}
+        label="Commissions"
+        value={metrics?.commissions}
         tab="sales"
         error={error}
         isCurrency

apps/web/lib/zod/schemas/programs.ts

@@ -108,7 +108,6 @@ export const PartnerProgramInviteSchema = z.object({
 export const ProgramMetricsSchema = z.object({
   partnersCount: z.number(),
   salesCount: z.number(),
-  revenue: z.number(),
   commissions: z.number(),
   payouts: z.number(),
 });