From abca2c58a1aaeabca51361897c3ba46acf9f15fa Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 8 Aug 2022 23:26:00 -0600
Subject: [PATCH] add info for phone and email

---
 .../src/components/generic/InfoDialog.js      | 54 ++++++++++++++-----
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/web-ui/web-react/src/components/generic/InfoDialog.js b/web-ui/web-react/src/components/generic/InfoDialog.js
index ab03cf89..1be18de6 100644
--- a/web-ui/web-react/src/components/generic/InfoDialog.js
+++ b/web-ui/web-react/src/components/generic/InfoDialog.js
@@ -26,21 +26,51 @@ class InfoDialog extends React.Component {
                   <p>{this.props.info.name}</p>
                 </div>
               </div>
-            <div className='col-4 md:col-4'>
-              <p>Apellido(s)</p>
-              <div className='p-0 col-2 md:col-2' style={{ margin: '0 auto' }}>
-                <div className='p-inputgroup align-items-center justify-content-evenly'>
-                  <i className='pi pi-user icon-khaki' />
-                  <p>{this.props.info.last_name}</p>
+              <div className='col-4 md:col-4'>
+                <p>Apellido(s)</p>
+                <div
+                  className='p-0 col-2 md:col-2'
+                  style={{ margin: '0 auto' }}
+                >
+                  <div className='p-inputgroup align-items-center justify-content-evenly'>
+                    <i className='pi pi-user icon-khaki' />
+                    <p>{this.props.info.last_name}</p>
+                  </div>
+                </div>
+              </div>
+              <div className='col-4 md:col-4'>
+                <p>Identificación</p>
+                <div
+                  className='p-0 col-2 md:col-2'
+                  style={{ margin: '0 auto' }}
+                >
+                  <div className='p-inputgroup align-items-center justify-content-evenly'>
+                    <i className='pi pi-user icon-khaki' />
+                    <p>{this.props.info.dni}</p>
+                  </div>
                 </div>
               </div>
             </div>
-            <div className='col-4 md:col-4'>
-              <p>Identificación</p>
-              <div className='p-0 col-2 md:col-2' style={{ margin: '0 auto' }}>
-                <div className='p-inputgroup align-items-center justify-content-evenly'>
-                  <i className='pi pi-user icon-khaki' />
-                  <p>{this.props.info.dni}</p>
+            <div className='row my-5 justify-content-center'>
+              <div className=' col-4 md:col-4'>
+                <p>Teléfono</p>
+                <div className='p-0 col-10 md:col-10'>
+                  <div className='p-inputgroup align-items-center justify-content-evenly'>
+                    <i className='pi pi-phone icon-khaki'></i>
+                    <p>{this.props.info.phone}</p>
+                  </div>
+                </div>
+              </div>
+              <div className=' col-6 md:col-6'>
+                <p>Correo Electrónico</p>
+                <div
+                  className='p-0 col-10  md:col-10'
+                  style={{ margin: '0 auto' }}
+                >
+                  <div className='p-inputgroup align-items-center justify-content-evenly'>
+                    <i className='pi pi-envelope icon-khaki'></i>
+                    <p>{this.props.info.email}</p>
+                  </div>
                 </div>
               </div>
             </div>