modified creadores

app/Components/Reportes/porRecibo.tsx

@@ -24,6 +24,14 @@ function PorRecibos({ desde, hasta }: Props) {
   const [recibos, setRecibos] = useState<Recibo[]>([]);
   const [loading, setLoading] = useState(false);
 
+  const columns = [
+    { header: "Folio", key: "folio", width: 15 },
+    { header: "Monto", key: "monto", width: 15 },
+    { header: "Fecha Recibo", key: "fechaRecibo", width: 18 },
+    { header: "Fecha Registro", key: "fechaRegistro", width: 22 },
+    { header: "Usuario", key: "usuario", width: 20 },
+  ];
+
   useEffect(() => {
     if (!desde || !hasta) return;
 
@@ -61,7 +69,8 @@ function PorRecibos({ desde, hasta }: Props) {
 
   return (
     <div style={{ position: "relative" }}>
-      {recibos.length > 0 && <DownloadReporteXLSX />}
+      {recibos.length > 0 && <DownloadReporteXLSX data={recibos} columns={columns} />}
+
       <div
         style={{
           overflow: "auto",

app/Components/Reportes/porServicio.tsx

@@ -44,7 +44,6 @@ function PorServicio({ desde, hasta }: Props) {
 
   return (
     <div style={{ position: "relative" }}>
-      {servicios.length > 0 && <DownloadReporteXLSX />}
 
       <div
         style={{