From 6a69546f210ce099597452d18000733f752d65a5 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 19 Jul 2022 19:23:36 -0600
Subject: [PATCH] formatear correctamente el formulario de registro de
 inquilinos

---
 web-ui/web-react/src/components/Inquilinos.js | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 74844678..04baaed7 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -1,3 +1,4 @@
+import { Dropdown } from 'primereact/dropdown';
 import { InputText } from 'primereact/inputtext'
 import React, { useEffect, useState } from 'react'
 
@@ -41,22 +42,20 @@ const Inquilinos = () => {
     <div className="grid">
       <div className="col-12">
         <div className="card">
-          <h5 className="card-header">Registrar inquilino</h5>
-          <div className="card-body">
-            <div className="p-fluid formgrid grid">
-              <div className="p-field col-12 md:col-6">
-                <label htmlFor="correo_electronico">Correo electrónico</label>
-                <InputText type="email" className="form-control" id="correo_electronico" />
-              </div>
-              <div className="p-field col-12 md:col-6">
-                <label htmlFor="numero_vivienda">Número de Vivienda</label>
-                <InputText type="text" className="form-control" id="numero_vivienda" />
-              </div>
+          <h5 className="card-header">Registrar Inquilino</h5>
+          <div className="p-fluid formgrid grid">
+            <div className="p-field col-12 md:col-6">
+              <label htmlFor="correo_electronico">Correo electrónico</label>
+              <InputText type="email" className="form-control" id="correo_electronico" />
+            </div>
+            <div className="p-field col-12 md:col-6">
+              <label htmlFor="numero_vivienda">Número de Vivienda</label>
+              <Dropdown id="numero_vivienda" value={communityIdList[0]} options={communitiesList} />
             </div>
-            <button type="button" className="btn btn-primary" onClick={registrarInquilino}>
-              Registrar
-            </button>
           </div>
+          <button type="button" className="btn btn-primary" onClick={registrarInquilino}>
+            Registrar
+          </button>
         </div>
       </div>
     </div>