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} = companyreturn (<Modaltitle='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