Rev 1766 | 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;