From 14577fd3cb6e1bb05da187f0ef755c4671dfec18 Mon Sep 17 00:00:00 2001
From: Luis Rendon <lrendon@gemcousa.com>
Date: Fri, 18 Aug 2023 15:14:08 -0500
Subject: [PATCH] Se arreglo un detalle en el boton  Excel

---
 .../CatFraccionesVulnerables.tsx              | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/Components/Catalogos/CatFraccionesVulnerables/CatFraccionesVulnerables.tsx b/src/Components/Catalogos/CatFraccionesVulnerables/CatFraccionesVulnerables.tsx
index b0a24af..c34172d 100644
--- a/src/Components/Catalogos/CatFraccionesVulnerables/CatFraccionesVulnerables.tsx
+++ b/src/Components/Catalogos/CatFraccionesVulnerables/CatFraccionesVulnerables.tsx
@@ -4,7 +4,6 @@ import { IconContext } from 'react-icons'
 import ICatFraccionesVulnerables from '../../../Interfaces/Catalogos/ICatFraccionesVulnerables'
 import FraccionesVulnerables from '../../../Services/Catalogos/FraccionesVulnerables'
 import { useDispatch, useSelector } from 'react-redux'
-
 import { BsFileEarmarkExcel, BsFillPencilFill, BsSearch } from 'react-icons/bs'
 import DataTable from 'react-data-table-component'
 import * as XLSX from 'xlsx'
@@ -166,11 +165,6 @@ export default function CatFraccionesVulnerables(props: IProps) {
   function deleteRow(id: number): void {
     FraccionesVulnerables.Delete(id)
       .then((response) => {
-        // Una vez que obtengas la respuesta exitosa del servidor, puedes actualizar la tabla para reflejar el cambio.
-        // Podrías eliminar la fila directamente o marcarla como desactivada según tus necesidades.
-
-        // Por ejemplo, supongamos que en tu objeto ICatFraccionesVulnerables tienes una propiedad 'activo' que indica si la fila está activa o no.
-        // Podrías marcarla como desactivada al recibir la respuesta del servidor.
         setData((prevData) =>
           prevData.map((item) =>
             item.id === id ? { ...item, activo: 0 } : item
@@ -219,7 +213,7 @@ export default function CatFraccionesVulnerables(props: IProps) {
 
       try {
         const response = await uploadFile(newRecord)
-        const newId = response.id // Asegúrate de usar el nombre correcto para el nuevo ID
+        const newId = response.id
 
         // Actualizar el estado local con el nuevo registro que incluye el nuevo ID
         const updatedRecord = { ...newRecord, id: newId }
@@ -273,12 +267,23 @@ export default function CatFraccionesVulnerables(props: IProps) {
     const wb = XLSX.utils.book_new()
     const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
     XLSX.utils.sheet_add_aoa(ws, Heading)
-    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+
+    // Transformar los valores de 'activo' en 'Si' o 'No' antes de agregarlos a la hoja de cálculo
+    const transformedData = jsonData.map((row) => ({
+      ...row,
+      activo: row.activo === 1 ? 'Si' : 'No'
+    }))
+
+    XLSX.utils.sheet_add_json(ws, transformedData, {
+      origin: 'A2',
+      skipHeader: true
+    })
     XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
     XLSX.writeFile(wb, fileName + '.xlsx')
+
     var range = XLSX.utils.decode_range(ws['!ref?'])
     for (var C = range.s.c; C <= range.e.c; ++C) {
-      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      var address = XLSX.utils.encode_col(C) + '1'
       if (!ws[address]) continue
       ws[address].v = ws[address].v.toUpperCase()
     }