From 5689f3053e751535c0c3feeabd48b34f7d0d7b70 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Sat, 20 Aug 2022 20:31:28 -0600
Subject: [PATCH] arreglar tipos de inputs

---
 web-ui/web-react/src/components/Inquilinos.js | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 2dae6d77..bf2c5b79 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -615,7 +615,7 @@ const Inquilinos = () => {
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-home"></i>
                   </span>
-                  <InputText id="name" value={tenant.name} onChange={(e) => onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.name === '' })} />
+                  <InputText type="text" id="name" value={tenant.name} onChange={(e) => onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.name === '' })} />
                 </div>
                 {submitted && tenant.name === '' && <small className="p-invalid">Nombre es requerido.</small>}
               </div>
@@ -627,9 +627,9 @@ const Inquilinos = () => {
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-home"></i>
                   </span>
-                  <InputText id="last_name" value={tenant.last_name} onChange={(e) => onInputChange(e, 'last_name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.last_name === '' })} />
+                  <InputText type="text" id="last_name" value={tenant.last_name} onChange={(e) => onInputChange(e, 'last_name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.last_name === '' })} />
                 </div>
-                {submitted && tenant.last_name === '' && <small className="p-invalid">Apellidos es requerido.</small>}
+                {submitted && tenant.last_name === '' && <small className="p-invalid">Apellidos son requeridos.</small>}
               </div>
             </div>
             <div className="field col-12 md:col-6">
@@ -639,14 +639,13 @@ const Inquilinos = () => {
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-home"></i>
                   </span>
-                  <InputText id="email" value={tenant.email} onChange={(e) => onInputChange(e, 'email')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.email === '' })} />
+                  <InputText type='email' id="email" value={tenant.email} onChange={(e) => onInputChange(e, 'email')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.email === '' })} />
                 </div>
-                {submitted && tenant.email === '' && <small className="p-invalid">Correo electrónico
-                                    es requerido.</small>}
+                {submitted && tenant.email === '' && <small className="p-invalid">Correo electrónico es requerido.</small>}
               </div>
             </div>
             <div className="field col-12 md:col-6">
-              <label htmlFor="name">Identificación</label>
+              <label htmlFor="dni">Identificación</label>
               <div className="p-0 col-12 md:col-12">
                 <div className="p-inputgroup">
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
@@ -658,26 +657,26 @@ const Inquilinos = () => {
               </div>
             </div>
             <div className="field col-12 md:col-6">
-              <label htmlFor="name">Número de teléfono</label>
+              <label htmlFor="phone">Número de teléfono</label>
               <div className="p-0 col-12 md:col-12">
                 <div className="p-inputgroup">
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-phone"></i>
                   </span>
-                  <InputText id="phone" value={tenant.phone} onChange={(e) => onInputChange(e, 'phone')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.phone === '' })} />
+                  <InputText id="phone" value={tenant.phone} onChange={(e) => onInputChange(e, 'phone')} type='tel' required autoFocus className={classNames({ 'p-invalid': submitted && tenant.phone === '' })} />
                 </div>
                 {submitted && tenant.phone === '' && <small className="p-invalid">Número de teléfono es requerido.</small>}
               </div>
             </div>
             <div className="field col-12 md:col-6">
-              <label htmlFor="administrator">Comunidad a asignar: </label>
+              <label htmlFor="community_id">Comunidad a asignar: </label>
               <div className="p-0 col-12 md:col-12">
                 <div className="p-inputgroup">
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-home"></i>
                   </span>
-                  <Dropdown placeholder="--Seleccione la Casa a Asignar--" id="administrator" value={communityId} options={cList}
-                    onChange={handleCommunities} required autoFocus className={classNames({ 'p-invalid': submitted && !communityId })} />
+                  <Dropdown placeholder="--Seleccione la Casa a Asignar--" id="community_id" value={communityId} options={cList}
+                    onChange={(e) => onInputChange(e, 'community_id')} required autoFocus className={classNames({ 'p-invalid': submitted && !communityId })} />
                 </div>
                 {submitted && !communityId && <small className="p-invalid">Comunidad es requerida.</small>}
               </div>