From a9d851f16390d6121fc596ce8cf4702af59b5dcc Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Thu, 4 Aug 2022 00:54:36 -0600
Subject: [PATCH] add 'required' key to form

---
 web-ui/web-react/src/components/Inquilinos.js   |  2 ++
 .../src/components/InquilinosCompletar.js       | 17 +++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 9c1e18ca..71da4186 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -602,6 +602,7 @@ const Inquilinos = () => {
             <div className='field col-12 md:col-6'>
               <label htmlFor='correo_electronico'>Correo electrónico</label>
               <InputText
+                required
                 type='email'
                 className='form-control'
                 id='correo_electronico'
@@ -610,6 +611,7 @@ const Inquilinos = () => {
             <div className='field col-12 md:col-6'>
               <label htmlFor='numero_vivienda'>Número de Vivienda</label>
               <Dropdown
+                required
                 id='numero_vivienda'
                 value={communityId}
                 options={cList}
diff --git a/web-ui/web-react/src/components/InquilinosCompletar.js b/web-ui/web-react/src/components/InquilinosCompletar.js
index 92550afb..01a086d6 100644
--- a/web-ui/web-react/src/components/InquilinosCompletar.js
+++ b/web-ui/web-react/src/components/InquilinosCompletar.js
@@ -71,15 +71,26 @@ const Inquilinos = () => {
           <div className='p-fluid formgrid grid'>
             <div className='field col-12 md:col-6'>
               <label htmlFor='nombre'>Nombre</label>
-              <InputText type='text' className='form-control' id='nombre' />
+              <InputText
+                required
+                type='text'
+                className='form-control'
+                id='nombre'
+              />
             </div>
             <div className='field col-12 md:col-6'>
               <label htmlFor='apellidos'>Apellido(s)</label>
-              <InputText type='text' className='form-control' id='apellidos' />
+              <InputText
+                required
+                type='text'
+                className='form-control'
+                id='apellidos'
+              />
             </div>
             <div className='field col-12 md:col-6'>
               <label htmlFor='identificacion'>Identificación</label>
               <InputText
+                required
                 type='text'
                 className='form-control'
                 id='identificacion'
@@ -88,6 +99,7 @@ const Inquilinos = () => {
             <div className='field col-12 md:col-6'>
               <label htmlFor='correo_electronico'>Correo electrónico</label>
               <InputText
+                required
                 type='email'
                 className='form-control'
                 id='correo_electronico'
@@ -96,6 +108,7 @@ const Inquilinos = () => {
             <div className='field col-12 md:col-6'>
               <label htmlFor='password'>Password</label>
               <InputText
+                required
                 type='password'
                 className='form-control'
                 id='password'