Usuario postgres

src/views/administracion/usuarios/UsuariosDetalle.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from "react";
+import React, { useEffect, useState, useCallback, useMemo } from "react";
 import {
   Row,
   Col,
@@ -22,7 +22,7 @@ import {
 } from "@ant-design/icons";
 import moment from "moment";
 import HttpService from "../../../services/httpService";
-import { useQuery } from "../../../hooks";
+import { useModel, useQuery } from "../../../hooks";
 import { firestore } from "../../../services/firebase";
 import { useHistory } from "react-router-dom";
 import { ViewLoading } from "../../../components";
@@ -39,6 +39,7 @@ import {
   limit,
   orderBy,
 } from "firebase/firestore";
+import { emptyRequest } from "../../../constants/requests";
 
 const UsuariosDetalle = () => {
   const query = useQuery();
@@ -64,6 +65,16 @@ const UsuariosDetalle = () => {
 
   const [esLiderGlobal, setEsLiderGlobal] = useState(false);
 
+  const [request, setRequest] = useState(emptyRequest);
+
+  const requestParams = useMemo(() => ({
+    name: 'v1/usuario',
+    id: id,
+    expand: 'eventos'
+  }), [id]);
+
+  const { model } = useModel(request)
+
   const multipleButtonData = [
     {
       text: "Volver",
@@ -126,7 +137,7 @@ const UsuariosDetalle = () => {
 
         const uid = editando ? id : res?.response?.uid;
         await updateDoc(doc(firestore, "usuarios", uid), body);
-        
+
         Modal.success({
           title: "Éxito",
           content: "Usuario guardado correctamente",
@@ -249,6 +260,22 @@ const UsuariosDetalle = () => {
     }
   }, []);
 
+  useEffect(() => {
+    setRequest(requestParams);
+
+    return () => {
+      setRequest(emptyRequest);
+    }
+  }, [requestParams])
+
+  useEffect(() => {
+    if (editando && model) {
+      form.setFieldsValue({
+        ...model
+      });
+    }
+  }, [editando, form, model])
+
   // Obtener eventos del usuario.
   useEffect(() => {
     obtenerEventosUsuario();

src/views/administracion/usuarios/UsuariosListado.js

@@ -24,6 +24,7 @@ import {
   orderBy,
 } from "firebase/firestore";
 import exportarExcelJS from "../../../services/exportarExcel";
+import Tabla from "../../../components/Tabla";
 
 const { REACT_APP_WEB_URL } = process.env;
 
@@ -101,11 +102,11 @@ const UsuariosListado = () => {
       title: "Fecha de verificación",
       dataIndex: "verificado",
       key: "verificado",
-      render: (_, item) =>
-        item.verificado === "" ? (
+      render: (item) =>
+        (item === "" || !item) ? (
           <span style={{ color: "#c7c3c3" }}>---</span>
         ) : (
-          moment(item?.verificado?.toDate()).format("DD-MM-YYYY")
+          moment(item).format("DD-MM-YYYY")
         ),
     },
     {
@@ -113,7 +114,7 @@ const UsuariosListado = () => {
       dataIndex: "timestamp",
       key: "timestamp",
       render: (_, item) =>
-        moment(item?.timestamp?.toDate()).format("DD-MM-YYYY"),
+        moment(item?.creado).format("DD-MM-YYYY"),
     },
     {
       title: "Verificado",
@@ -231,7 +232,7 @@ const UsuariosListado = () => {
           console.log("error al eliminar: ", error);
         }
       },
-      onCancel() {},
+      onCancel() { },
     });
   };
 
@@ -245,7 +246,7 @@ const UsuariosListado = () => {
 
   const onSearch = (searchValue) => {
     setSearchInput(searchValue);
-    if (searchValue !== "") {
+    /* if (searchValue !== "") {
       const filteredData = usuarios.filter((item) => {
         return Object.values(item)
           .join("")
@@ -255,7 +256,7 @@ const UsuariosListado = () => {
       setFilteredResults(filteredData);
     } else {
       setFilteredResults(usuarios);
-    }
+    } */
   };
 
   const generarReporte = async () => {
@@ -267,7 +268,7 @@ const UsuariosListado = () => {
           ciudad: usuarios[i]?.ciudad,
           email: usuarios[i]?.email,
           genero: usuarios[i]?.genero === "h" ? "Hombre" : "Mujer",
-          dependencia: dependenciaUsuarios([usuarios[i]?.dependencias]),
+          // dependencia: dependenciaUsuarios([usuarios[i]?.dependencias]),
           instagram: usuarios[i]?.instagram,
           facebook: usuarios[i]?.facebook,
           twitter: usuarios[i]?.twitter,
@@ -372,7 +373,7 @@ const UsuariosListado = () => {
   };
 
   // Obtener usuarios
-  useEffect(() => {
+  /* useEffect(() => {
     try {
       setTimeout(async () => {
         const ref = collection(firestore, "usuarios");
@@ -428,7 +429,7 @@ const UsuariosListado = () => {
       });
     }
     return dependenciasNombres;
-  };
+  }; */
 
   console.log(dependencias);
 
@@ -455,7 +456,13 @@ const UsuariosListado = () => {
         />
       </Modal>
       <Divider />
-      <Table
+      <Tabla
+        nameURL={"v1/usuario"}
+        columns={columnsUsuarios}
+        extraParams={{ q: searchInput }}
+        scroll={{ x: "30vw" }}
+      />
+      {/* <Table
         dataSource={searchInput.length > 1 ? filteredResults : usuarios}
         rowKey={"id"}
         loading={cargandoUsuarios}
@@ -463,7 +470,7 @@ const UsuariosListado = () => {
         size="small"
         scroll={{ x: 700 }}
         pagination={false}
-      />
+      /> */}
     </SimpleTableLayout>
   );
 };