@hed-hog/operations 0.0.332 → 0.0.338

package/hedhog/frontend/app/_components/project-cost-report-screen.tsx.ejs

@@ -112,22 +112,22 @@ export function ProjectCostReportScreen({ projectId }: Props) {
       isReimbursable !== 'all' ? isReimbursable === 'true' : undefined,
   };
 
-  const { data: report, isLoading } = useQuery<ProjectCostReport>({
-    queryKey: ['project-cost-report', projectId, filters],
-    queryFn: () =>
-      getProjectCostReport(request, projectId, filters) as Promise<ProjectCostReport>,
-  });
-
-  const { data: categories = [] } = useQuery<ProjectCostCategory[]>({
-    queryKey: ['project-cost-categories-list'],
-    queryFn: () =>
-      listProjectCostCategories(request, {}) as Promise<ProjectCostCategory[]>,
-  });
-
-  const { data: costTypes = [] } = useQuery<ProjectCostType[]>({
-    queryKey: ['project-cost-types-list'],
-    queryFn: () => listProjectCostTypes(request, {}) as Promise<ProjectCostType[]>,
-  });
+  const { data: report, isLoading } = useQuery<ProjectCostReport>({
+    queryKey: ['project-cost-report', projectId, filters],
+    queryFn: () =>
+      getProjectCostReport(request, projectId, filters) as Promise<ProjectCostReport>,
+  });
+
+  const { data: categories = [] } = useQuery<ProjectCostCategory[]>({
+    queryKey: ['project-cost-categories-list'],
+    queryFn: () =>
+      listProjectCostCategories(request, {}) as Promise<ProjectCostCategory[]>,
+  });
+
+  const { data: costTypes = [] } = useQuery<ProjectCostType[]>({
+    queryKey: ['project-cost-types-list'],
+    queryFn: () => listProjectCostTypes(request, {}) as Promise<ProjectCostType[]>,
+  });
 
   const fmt = (v: number) =>
     formatCurrency(v, getSettingValue, currentLocaleCode);
@@ -423,13 +423,13 @@ export function ProjectCostReportScreen({ projectId }: Props) {
                         ))}
                       </Pie>
                       <ChartTooltip
-                        content={({ active, payload }) => {
-                          if (!active || !payload?.length) return null;
-                          const d = payload[0]?.payload;
-                          if (!d) return null;
-
-                          return (
-                            <div className="rounded-md bg-background px-3 py-2 text-sm shadow-md border">
+                        content={({ active, payload }) => {
+                          if (!active || !payload?.length) return null;
+                          const d = payload[0]?.payload;
+                          if (!d) return null;
+
+                          return (
+                            <div className="rounded-md bg-background px-3 py-2 text-sm shadow-md border">
                               <p className="font-medium">
                                 {d.category_name ?? '—'}
                               </p>