1 files changed, 23 insertions, 0 deletions
diff --git a/components/form-data/form-data-table.tsx b/components/form-data/form-data-table.tsx
index e3c5af8f..9feaf3b2 100644
--- a/components/form-data/form-data-table.tsx
+++ b/components/form-data/form-data-table.tsx
@@ -23,6 +23,7 @@ import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
 import { FormDataReportTempUploadDialog } from "./form-data-report-temp-upload-dialog";
 import { FormDataReportDialog } from "./form-data-report-dialog";
+import { FormDataReportBatchDialog } from "./form-data-report-batch-dialog";
 
 interface GenericData {
   [key: string]: any;
@@ -57,6 +58,7 @@ export default function DynamicTable({
   const [isSaving, setIsSaving] = React.useState(false);
   const [tempUpDialog, setTempUpDialog] = React.useState(false);
   const [reportData, setReportData] = React.useState<GenericData[]>([]);
+  const [batchDownDialog, setBatchDownDialog] = React.useState(false);
 
   // Reference to the table instance
   const tableRef = React.useRef(null);
@@ -527,6 +529,13 @@ export default function DynamicTable({
           <Button
             variant="default"
             size="sm"
+            onClick={() => setBatchDownDialog(true)}
+          >
+            Report Batch
+          </Button>
+          <Button
+            variant="default"
+            size="sm"
             onClick={() => setTempUpDialog(true)}
           >
             Temp Upload
@@ -621,6 +630,20 @@ export default function DynamicTable({
           formId={formId}
         />
       )}
+
+      {batchDownDialog && (
+        <FormDataReportBatchDialog
+          open={batchDownDialog}
+          setOpen={setBatchDownDialog}
+          columnsJSON={columnsJSON}
+          reportData={tableData}
+          packageId={contractItemId}
+          formCode={formCode}
+          formId={formId}
+        />
+      )}
     </>
   );
 }
+
+