Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'
import parse from 'html-react-parser'
import Modal from '../UI/modal/Modal'
const CompanyInfoModal = ({ show, closeModal, company }) => {
const {
companyName,
companySize,
facebook,
foundationYear,
industry,
instagram,
overview,
twitter,
website
} = company
return (
<Modal
title='Acerca de esta empresa'
show={show}
onClose={closeModal}
showFooter={false}
>
<div className='description__label'>
<label htmlFor='name'>Nombre</label>
<p>{companyName}</p>
</div>
<div className='description__label'>
<label htmlFor='name'>Descripción</label>
{overview && parse(overview)}
</div>
<div className='description__label'>
<label htmlFor='name'>Industria</label>
<p>{industry}</p>
</div>
<div className='description__label'>
<label htmlFor='name'>Año de fundación</label>
<p>{foundationYear}</p>
</div>
<div className='description__label'>
<label htmlFor='name'>Tamaño de la compañia</label>
<p>{companySize}</p>
</div>
<div className='description__label'>
<label htmlFor='name'>Facebook</label>
<a href={facebook} target='_blank' rel='noreferrer'>
<p>{facebook}</p>
</a>
</div>
<div className='description__label'>
<label htmlFor='name'>Instagram</label>
<a href={instagram} target='_blank' rel='noreferrer'>
<p>{instagram}</p>
</a>
</div>
<div className='description__label'>
<label htmlFor='name'>Twitter</label>
<a href={twitter} target='_blank' rel='noreferrer'>
<p>{twitter}</p>
</a>
</div>
<div className='description__label'>
<label htmlFor='name'>Sitio web</label>
<a href={website} target='_blank' rel='noreferrer'>
<p>{website}</p>
</a>
</div>
</Modal>
)
}
export default CompanyInfoModal