Added revenue screen.

src/components/hooks/index.ts

@@ -8,6 +8,7 @@ export * from './queries/useRealtimeQuery';
 export * from './queries/useReportQuery';
 export * from './queries/useReportsQuery';
 export * from './queries/useRetentionQuery';
+export * from './queries/useRevenueQuery';
 export * from './queries/useSessionActivityQuery';
 export * from './queries/useSessionDataQuery';
 export * from './queries/useSessionDataPropertiesQuery';

src/components/hooks/queries/useRevenueQuery.ts

@@ -0,0 +1,39 @@
+import { useApi } from '../useApi';
+import { useFilterParams } from '../useFilterParams';
+import { UseQueryOptions } from '@tanstack/react-query';
+
+interface RevenueData {
+  chart: any[];
+  country: any[];
+  total: {
+    sum: number;
+    count: number;
+    unique_count: number;
+  };
+  table: any[];
+}
+
+export function useRevenueQuery(
+  websiteId: string,
+  queryParams?: { type: string; limit?: number; search?: string; startAt?: number; endAt?: number },
+  options?: Omit<
+    UseQueryOptions<RevenueData, Error, RevenueData, any[]> & { onDataLoad?: (data: any) => void },
+    'queryKey' | 'queryFn'
+  >,
+) {
+  const { get, useQuery } = useApi();
+  const filterParams = useFilterParams(websiteId);
+  const currency = 'USD';
+
+  return useQuery<RevenueData, Error, RevenueData, any[]>({
+    queryKey: ['revenue', websiteId, { ...filterParams, ...queryParams }],
+    queryFn: () =>
+      get(`/websites/${websiteId}/revenue`, {
+        currency,
+        ...filterParams,
+        ...queryParams,
+      }),
+    enabled: !!websiteId,
+    ...options,
+  });
+}