feat: adds chain store to aggregate user ops hook

Author: gregfromstl

apps/dashboard/src/@3rdweb-sdk/react/hooks/useApi.ts

@@ -8,6 +8,7 @@ import { THIRDWEB_ANALYTICS_API_HOST, THIRDWEB_API_HOST } from "constants/urls";
 import invariant from "tiny-invariant";
 import { accountKeys, apiKeys, authorizedWallets } from "../cache-keys";
 import { useLoggedInUser } from "./useLoggedInUser";
+import { useAllChainsData } from "hooks/chains/allChains";
 
 // FIXME: We keep repeating types, API server should provide them
 
@@ -259,17 +260,17 @@ export interface BillingCredit {
 
 interface UseAccountInput {
   refetchInterval?:
-    | number
-    | false
-    | ((
-        query: Query<
-          Account,
-          Error,
-          Account,
-          readonly ["account", string, "me"]
-        >,
-      ) => number | false | undefined)
-    | undefined;
+  | number
+  | false
+  | ((
+    query: Query<
+      Account,
+      Error,
+      Account,
+      readonly ["account", string, "me"]
+    >,
+  ) => number | false | undefined)
+  | undefined;
 }
 
 export function useAccount({ refetchInterval }: UseAccountInput = {}) {
@@ -434,6 +435,7 @@ export function useUserOpUsageAggregate(args: {
 }) {
   const { clientId, from, to } = args;
   const { user, isLoggedIn } = useLoggedInUser();
+  const chainStore = useAllChainsData();
 
   return useQuery<UserOpStats>({
     queryKey: accountKeys.userOpStats(
@@ -444,16 +446,25 @@ export function useUserOpUsageAggregate(args: {
       "all",
     ),
     queryFn: async () => {
-      const userOpStats: UserOpStats[] = await getUserOpUsage({
-        clientId,
-        from,
-        to,
-        period: "all",
-      });
+      const userOpStats: (UserOpStats & { chainId?: string })[] =
+        await getUserOpUsage({
+          clientId,
+          from,
+          to,
+          period: "all",
+        });
 
       // Aggregate stats across wallet types
       return userOpStats.reduce(
         (acc, curr) => {
+          // Skip testnets from the aggregated stats
+          if (curr.chainId) {
+            const chain = chainStore.idToChain.get(Number(curr.chainId));
+            if (chain?.testnet) {
+              return acc;
+            }
+          }
+
           acc.successful += curr.successful;
           acc.failed += curr.failed;
           acc.sponsoredUsd += curr.sponsoredUsd;