Proyectos de Subversion LeadersLinked - SPA

Rev

Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1766 stevensc 1 
import React from 'react'
2 
import parse from 'html-react-parser'
3 
 
4 
import Modal from '../UI/modal/Modal'
5 
 
6 
const CompanyInfoModal = ({ show, closeModal, company }) => {
7 
  const {
8 
    companyName,
9 
    companySize,
10 
    facebook,
11 
    foundationYear,
12 
    industry,
13 
    instagram,
14 
    overview,
15 
    twitter,
16 
    website
17 
  } = company
18 
  return (
19 
    <Modal
20 
      title='Acerca de esta empresa'
21 
      show={show}
22 
      onClose={closeModal}
23 
      showFooter={false}
24 
    >
25 
      <div className='description__label'>
26 
        <label htmlFor='name'>Nombre</label>
27 
        <p>{companyName}</p>
28 
      </div>
29 
 
30 
      <div className='description__label'>
31 
        <label htmlFor='name'>Descripción</label>
32 
        {overview && parse(overview)}
33 
      </div>
34 
 
35 
      <div className='description__label'>
36 
        <label htmlFor='name'>Industria</label>
37 
        <p>{industry}</p>
38 
      </div>
39 
 
40 
      <div className='description__label'>
41 
        <label htmlFor='name'>Año de fundación</label>
42 
        <p>{foundationYear}</p>
43 
      </div>
44 
 
45 
      <div className='description__label'>
46 
        <label htmlFor='name'>Tamaño de la compañia</label>
47 
        <p>{companySize}</p>
48 
      </div>
49 
 
50 
      <div className='description__label'>
51 
        <label htmlFor='name'>Facebook</label>
52 
        <a href={facebook} target='_blank' rel='noreferrer'>
53 
          <p>{facebook}</p>
54 
        </a>
55 
      </div>
56 
 
57 
      <div className='description__label'>
58 
        <label htmlFor='name'>Instagram</label>
59 
        <a href={instagram} target='_blank' rel='noreferrer'>
60 
          <p>{instagram}</p>
61 
        </a>
62 
      </div>
63 
 
64 
      <div className='description__label'>
65 
        <label htmlFor='name'>Twitter</label>
66 
        <a href={twitter} target='_blank' rel='noreferrer'>
67 
          <p>{twitter}</p>
68 
        </a>
69 
      </div>
70 
 
71 
      <div className='description__label'>
72 
        <label htmlFor='name'>Sitio web</label>
73 
        <a href={website} target='_blank' rel='noreferrer'>
74 
          <p>{website}</p>
75 
        </a>
76 
      </div>
77 
    </Modal>
78 
  )
79 
}
80 
 
81 
export default CompanyInfoModal