From d6e468ca03e9bd4b96401a1621887d075b574475 Mon Sep 17 00:00:00 2001
From: Traym17 <51390112+Traym17@users.noreply.github.com>
Date: Thu, 14 Jul 2022 19:08:04 -0600
Subject: [PATCH] =?UTF-8?q?Creaci=C3=B3n=20del=20componente?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Creación del componente de lista para listar los admins de comunidad
---
 web-ui/web-react/src/App.js                   |  4 +-
 .../components/AdministradoresComunidad.js    | 41 +++++++++++++++++++
 .../src/components/AdministradoresSistema.js  |  5 ---
 3 files changed, 44 insertions(+), 6 deletions(-)
 create mode 100644 web-ui/web-react/src/components/AdministradoresComunidad.js

diff --git a/web-ui/web-react/src/App.js b/web-ui/web-react/src/App.js
index 2f009e72..83530986 100644
--- a/web-ui/web-react/src/App.js
+++ b/web-ui/web-react/src/App.js
@@ -29,6 +29,7 @@ import InvalidStateDemo from './templates/InvalidStateDemo';
 import BlocksDemo from './templates/BlocksDemo';
 import IconsDemo from './templates/IconsDemo';
 import AdministradoresSistema from './components/AdministradoresSistema';
+import AdministradoresComunidad from './components/AdministradoresComunidad';
 
 import Crud from './pages/Crud';
 import EmptyPage from './pages/EmptyPage';
@@ -163,7 +164,7 @@ const App = () => {
             items: [
                 {label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/'},
                 {label: 'Administradores del sistema', icon: 'pi pi-fw pi-id-card', to: '/administradoresSistema'}, 
-                {label: 'Administradores de comunidad', icon: 'pi pi-fw pi-id-card', to: '/administradoresSistema'}, 
+                {label: 'Administradores de comunidad', icon: 'pi pi-fw pi-id-card', to: '/administradoresComunidad'}, 
                 {label: 'Log in', icon: 'pi pi-fw pi-id-card', to: '/logIn'}
             ]
         },
@@ -318,6 +319,7 @@ const App = () => {
                     <Route path="/empty" component={EmptyPage} />
                     <Route path="/documentation" component={Documentation} />
                     <Route path="/administradoresSistema" component={AdministradoresSistema} />
+                    <Route path="/administradoresComunidad" component={AdministradoresComunidad} />
                     <Route path="/logIn" component={LogIn} />
                 </div>
 
diff --git a/web-ui/web-react/src/components/AdministradoresComunidad.js b/web-ui/web-react/src/components/AdministradoresComunidad.js
new file mode 100644
index 00000000..ddf095c1
--- /dev/null
+++ b/web-ui/web-react/src/components/AdministradoresComunidad.js
@@ -0,0 +1,41 @@
+import React, { useEffect, useState } from 'react';
+import { InputText } from 'primereact/inputtext';
+import { Button } from 'primereact/button';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+
+const AdministradoresComunidad = () => {
+
+    const [pokemones,setPokemones]=useState([]);
+    const [urlFetch,setUrlFetch]=useState('http://localhost:4000/user/findAdminSistema/');
+    async function fetchP(){
+    let nombres=await fetch(urlFetch, {method:'GET'});
+    let pokemonesRes= await nombres.json();
+    setPokemones(pokemonesRes.message);
+    console.log(pokemones);
+   }
+    useEffect(()=>{
+      fetchP();
+    },[])
+
+    return (
+        <div className="grid">
+            <div className="col-12">
+                <div className="card">
+                    <h5>Administradores de comunidad</h5>
+                    <DataTable value={pokemones}  scrollable scrollHeight="400px" scrollDirection="both" className="mt-3">
+                        <Column field="name" header="Nombre" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+                        <Column field="last_name" header="Apellidos" style={{ flexGrow: 1, flexBasis: '160px' }} alignFrozen="left"></Column>
+                        <Column field="dni" header="Identificación" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+                        <Column field="email" header="Correo electrónico" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+                        <Column field="phone" header="Telefóno" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+                    </DataTable>
+                </div>
+            </div>
+        </div>
+
+        
+    )
+}
+
+export default React.memo(AdministradoresComunidad);
\ No newline at end of file
diff --git a/web-ui/web-react/src/components/AdministradoresSistema.js b/web-ui/web-react/src/components/AdministradoresSistema.js
index aefddc85..02ad4fb9 100644
--- a/web-ui/web-react/src/components/AdministradoresSistema.js
+++ b/web-ui/web-react/src/components/AdministradoresSistema.js
@@ -18,11 +18,6 @@ const AdministradoresSistema = () => {
       fetchP();
     },[])
 
-
-
-
-
-
     function registrarAdmin() {
         var data = {
             dni: document.getElementById('identificacion').value,