lint

Author: gregfromstl

apps/dashboard/src/@/lib/time.ts

@@ -41,7 +41,7 @@ export function getFiltersFromSearchParams(params: {
   const defaultInterval =
     params.interval ??
     (differenceInCalendarDays(range.to, range.from) > 30
-      ? "week"
+      ? ("week" as const)
       : ("day" as const));
 
   return {
@@ -51,6 +51,6 @@ export function getFiltersFromSearchParams(params: {
         ? ("day" as const)
         : params.interval === "week"
           ? ("week" as const)
-          : defaultInterval,
+          : (defaultInterval as "day" | "week"),
   };
 }

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/filter.tsx

@@ -36,7 +36,7 @@ export function TransactionAnalyticsFilter() {
       />
 
       <IntervalSelector
-        intervalType={interval}
+        intervalType={interval as "day" | "week"}
         setIntervalType={(newInterval) => {
           setResponsiveSearchParams((v) => {
             return {

apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx

@@ -31,7 +31,7 @@ export function EmptyStateContent({
   link?: string;
 }) {
   return (
-    <div className="flex flex-col items-center justify-center w-full gap-2 text-foreground">
+    <div className="flex w-full flex-col items-center justify-center gap-2 text-foreground">
       <div className="flex size-8 items-center justify-center rounded-md border bg-card">
         <PlugIcon className="size-4" />
       </div>

apps/dashboard/src/components/pay/PayAnalytics/components/PayNewCustomers.tsx

@@ -47,15 +47,18 @@ export function PayNewCustomers(props: {
         value: newUsers,
       });
     }
-    const lastPeriod = newUsersData[newUsersData.length - 2];
-    const currentPeriod = newUsersData[newUsersData.length - 1];
+    const lastPeriod = newUsersData[newUsersData.length - 3];
+    const currentPeriod = newUsersData[newUsersData.length - 2];
     // Calculate the percent change from last period to current period
     const trend =
-      lastPeriod && currentPeriod && lastPeriod.value > 0
+      lastPeriod &&
+      currentPeriod &&
+      lastPeriod.value > 0 &&
+      currentPeriod.value > 0
         ? (currentPeriod.value - lastPeriod.value) / lastPeriod.value
-        : lastPeriod?.value === 0
+        : lastPeriod?.value === 0 && (currentPeriod?.value || 0) > 0
           ? 100
-          : 0;
+          : undefined;
     return { graphData: newUsersData, trend };
   }, [props.data, props.dateFormat]);
   const isEmpty = useMemo(
@@ -87,7 +90,7 @@ export function PayNewCustomers(props: {
               }}
             />
 
-            {!isEmpty && (
+            {!isEmpty && typeof trend !== "undefined" && (
               <SkeletonContainer
                 loadedData={trend}
                 className="rounded-2xl"

apps/dashboard/src/components/pay/PayAnalytics/components/Payouts.tsx

@@ -49,14 +49,17 @@ export function Payouts(props: {
         value: total / 100,
       });
     }
-    const lastPeriod = cleanedData[cleanedData.length - 2];
-    const currentPeriod = cleanedData[cleanedData.length - 1];
+    const lastPeriod = cleanedData[cleanedData.length - 3];
+    const currentPeriod = cleanedData[cleanedData.length - 2];
     const trend =
-      lastPeriod && currentPeriod && lastPeriod.value > 0
+      lastPeriod &&
+      currentPeriod &&
+      lastPeriod.value > 0 &&
+      currentPeriod.value > 0
         ? (currentPeriod.value - lastPeriod.value) / lastPeriod.value
-        : lastPeriod?.value === 0
+        : lastPeriod?.value === 0 && (currentPeriod?.value || 0) > 0
           ? 100
-          : 0;
+          : undefined;
     return {
       graphData: cleanedData,
       totalPayoutsUSD: totalPayouts / 100,
@@ -91,7 +94,7 @@ export function Payouts(props: {
             }}
           />
 
-          {!isEmpty && (
+          {!isEmpty && typeof trend !== "undefined" && (
             <SkeletonContainer
               className="rounded-2xl"
               loadedData={trend}

apps/dashboard/src/types/analytics.ts

@@ -14,14 +14,6 @@ export interface WalletUserStats {
   totalUsers: number;
 }
 
-export interface AggregatedStats {
-  date: string;
-  totalUsers: number;
-  newUsers: number;
-  returningUsers: number;
-  totalVolumeUsdCents: number;
-}
-
 export interface InAppWalletStats {
   date: string;
   authenticationMethod: string;