Address greptile comments

frontend/src/hooks/api/admin/mutation.ts

@@ -8,7 +8,6 @@ import { adminQueryKeys, adminStandaloneKeys } from "./queries";
 import {
   RootKeyEncryptionStrategy,
   TCreateAdminUserDTO,
-  TGenerateUsageReportDTO,
   TInvalidateCacheDTO,
   TServerConfig,
   TUpdateServerConfigDTO,
@@ -197,11 +196,10 @@ export const useInvalidateCache = () => {
 };
 
 export const useGenerateUsageReport = () => {
-  return useMutation<TUsageReportResponse, object, TGenerateUsageReportDTO>({
-    mutationFn: async (dto) => {
+  return useMutation<TUsageReportResponse, object, void>({
+    mutationFn: async () => {
       const { data } = await apiRequest.post<TUsageReportResponse>(
-        "/api/v1/admin/usage-report/generate",
-        dto
+        "/api/v1/admin/usage-report/generate"
       );
       return data;
     }

frontend/src/hooks/api/admin/types.ts

@@ -144,10 +144,6 @@ export interface TGetEnvOverrides {
   };
 }
 
-export type TGenerateUsageReportDTO = {
-  periodDays?: number;
-};
-
 export type TUsageReportResponse = {
   filename: string;
   csvContent: string;

frontend/src/pages/admin/GeneralPage/components/UsageReportSection.tsx

@@ -1,28 +1,14 @@
 import { useState } from "react";
-import { useForm } from "react-hook-form";
 import { faDownload, faFileAlt, faSpinner } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
 
 import { createNotification } from "@app/components/notifications";
 import { Button, Card, CardTitle } from "@app/components/v2";
 import { apiRequest } from "@app/config/request";
 
-const formSchema = z.object({});
-
-type TUsageReportForm = z.infer<typeof formSchema>;
-
 export const UsageReportSection = () => {
   const [isGenerating, setIsGenerating] = useState(false);
 
-  const {
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<TUsageReportForm>({
-    resolver: zodResolver(formSchema)
-  });
-
   const downloadFile = (content: string, filename: string, mimeType: string = "text/csv") => {
     const blob = new Blob([content], { type: mimeType });
     const url = window.URL.createObjectURL(blob);
@@ -35,7 +21,7 @@ export const UsageReportSection = () => {
     window.URL.revokeObjectURL(url);
   };
 
-  const onSubmit = async () => {
+  const handleGenerateReport = async () => {
     try {
       setIsGenerating(true);
 
@@ -59,8 +45,6 @@ export const UsageReportSection = () => {
     }
   };
 
-  const isLoading = isSubmitting || isGenerating;
-
   return (
     <Card className="p-6">
       <CardTitle className="mb-4 flex items-center gap-3">
@@ -75,15 +59,14 @@ export const UsageReportSection = () => {
         trail.
       </div>
 
-      <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
-        <Button
-          type="submit"
-          isLoading={isLoading}
-          leftIcon={<FontAwesomeIcon icon={isLoading ? faSpinner : faDownload} />}
-        >
-          {isLoading ? "Generating..." : "Generate Report"}
-        </Button>
-      </form>
+      <Button
+        onClick={handleGenerateReport}
+        className="w-fit"
+        isLoading={isGenerating}
+        leftIcon={<FontAwesomeIcon icon={isGenerating ? faSpinner : faDownload} />}
+      >
+        {isGenerating ? "Generating..." : "Generate Report"}
+      </Button>
     </Card>
   );
 };