add info for phone and email
This commit is contained in:
parent
8e97490a16
commit
abca2c58a1
|
@ -28,7 +28,10 @@ class InfoDialog extends React.Component {
|
|||
</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-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>
|
||||
|
@ -37,7 +40,10 @@ class InfoDialog extends React.Component {
|
|||
</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-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>
|
||||
|
@ -45,6 +51,30 @@ class InfoDialog extends React.Component {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</Dialog>
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue