New goals page. Upgraded prisma.

src/components/hooks/queries/useReportQuery.ts

@@ -1,94 +1,16 @@
-import { produce } from 'immer';
-import { useCallback, useEffect, useState } from 'react';
 import { useApi } from '../useApi';
-import { useTimezone } from '../useTimezone';
-import { useMessages } from '../useMessages';
-import { parseDateRange } from '@/lib/date';
+import { useModified } from '../useModified';
 
-export function useReportQuery(
-  reportId: string,
-  defaultParameters?: { type: string; parameters: { [key: string]: any } },
-) {
-  const [report, setReport] = useState(null);
-  const [isRunning, setIsRunning] = useState(false);
-  const { get, post } = useApi();
-  const { timezone } = useTimezone();
-  const { formatMessage, labels } = useMessages();
+export function useReportQuery(reportId: string) {
+  const { get, useQuery } = useApi();
+  const { modified } = useModified(`report:${reportId}`);
 
-  const baseParameters = {
-    name: formatMessage(labels.untitled),
-    description: '',
-    parameters: {},
-  };
-
-  const loadReport = async (id: string) => {
-    const data: any = await get(`/reports/${id}`);
-
-    const { dateRange } = data?.parameters || {};
-
-    data.parameters = {
-      ...defaultParameters?.parameters,
-      ...data.parameters,
-      dateRange: parseDateRange(dateRange.value),
-    };
-
-    setReport(data);
-  };
-
-  const runReport = useCallback(
-    async (parameters: { [key: string]: any }) => {
-      setIsRunning(true);
-
-      const { type } = report;
-
-      const data = await post(`/reports/${type}`, { ...parameters, timezone });
-
-      setReport(
-        produce((state: any) => {
-          state.parameters = { ...defaultParameters?.parameters, ...parameters };
-          state.data = data;
-
-          return state;
-        }),
-      );
-
-      setIsRunning(false);
+  return useQuery({
+    queryKey: ['report', { reportId, modified }],
+    queryFn: (data: any) => {
+      return get(`/reports/${reportId}`, {
+        ...data,
+      });
     },
-    [report, timezone],
-  );
-
-  const updateReport = useCallback(
-    async (data: { [x: string]: any; parameters: any }) => {
-      setReport(
-        produce((state: any) => {
-          const { parameters, ...rest } = data;
-
-          if (parameters) {
-            state.parameters = {
-              ...defaultParameters?.parameters,
-              ...state.parameters,
-              ...parameters,
-            };
-          }
-
-          for (const key in rest) {
-            state[key] = rest[key];
-          }
-
-          return state;
-        }),
-      );
-    },
-    [report],
-  );
-
-  useEffect(() => {
-    if (!reportId) {
-      setReport({ ...baseParameters, ...defaultParameters });
-    } else {
-      loadReport(reportId);
-    }
-  }, [reportId]);
-
-  return { report, runReport, updateReport, isRunning };
+  });
 }