fix: respect formatter when value is 0 on state comp

Author: gregfromstl

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

@@ -5,10 +5,10 @@ import {
   useQueryClient,
 } from "@tanstack/react-query";
 import { THIRDWEB_ANALYTICS_API_HOST, THIRDWEB_API_HOST } from "constants/urls";
+import { useAllChainsData } from "hooks/chains/allChains";
 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
 
@@ -268,17 +268,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 = {}) {

apps/dashboard/src/components/analytics/stat.tsx

@@ -8,7 +8,9 @@ export const Stat: React.FC<{
     <dl className="flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/50 p-4 lg:p-6">
       <div>
         <dd className="font-semibold text-3xl tracking-tight lg:text-5xl">
-          {value && formatter ? formatter(value) : value?.toLocaleString()}
+          {value !== undefined && formatter
+            ? formatter(value)
+            : value?.toLocaleString()}
         </dd>
         <dt className="font-medium text-muted-foreground text-sm tracking-tight lg:text-lg">
           {label}