Renamed query hooks. Fixed conversion bugs.

src/components/hooks/queries/useReportsQuery.ts

@@ -0,0 +1,26 @@
+import { useApi } from '../useApi';
+import { usePagedQuery } from '../usePagedQuery';
+import { useModified } from '../useModified';
+
+export function useReportsQuery({ websiteId, teamId }: { websiteId?: string; teamId?: string }) {
+  const { modified } = useModified(`reports`);
+  const { get, del, useMutation } = useApi();
+  const queryResult = usePagedQuery({
+    queryKey: ['reports', { websiteId, teamId, modified }],
+    queryFn: (params: any) => {
+      return get('/reports', { websiteId, teamId, ...params });
+    },
+  });
+  const { mutate } = useMutation({ mutationFn: (reportId: string) => del(`/reports/${reportId}`) });
+
+  const deleteReport = (reportId: any) => {
+    mutate(reportId, {
+      onSuccess: () => {},
+    });
+  };
+
+  return {
+    ...queryResult,
+    deleteReport,
+  };
+}