Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1766 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3719 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 title='Acerca de esta empresa' show={show} onClose={closeModal} showFooter={false}>
20 
      <div className='description__label'>
21 
        <label htmlFor='name'>Nombre</label>
22 
        <p>{companyName}</p>
23 
      </div>
24 
 
25 
      <div className='description__label'>
26 
        <label htmlFor='name'>Descripción</label>
27 
        {overview && parse(overview)}
28 
      </div>
29 
 
30 
      <div className='description__label'>
31 
        <label htmlFor='name'>Industria</label>
32 
        <p>{industry}</p>
33 
      </div>
34 
 
35 
      <div className='description__label'>
36 
        <label htmlFor='name'>Año de fundación</label>
37 
        <p>{foundationYear}</p>
38 
      </div>
39 
 
40 
      <div className='description__label'>
41 
        <label htmlFor='name'>Tamaño de la compañia</label>
42 
        <p>{companySize}</p>
43 
      </div>
44 
 
45 
      <div className='description__label'>
46 
        <label htmlFor='name'>Facebook</label>
47 
        <a href={facebook} target='_blank' rel='noreferrer'>
48 
          <p>{facebook}</p>
49 
        </a>
50 
      </div>
51 
 
52 
      <div className='description__label'>
53 
        <label htmlFor='name'>Instagram</label>
54 
        <a href={instagram} target='_blank' rel='noreferrer'>
55 
          <p>{instagram}</p>
56 
        </a>
57 
      </div>
58 
 
59 
      <div className='description__label'>
60 
        <label htmlFor='name'>Twitter</label>
61 
        <a href={twitter} target='_blank' rel='noreferrer'>
62 
          <p>{twitter}</p>
63 
        </a>
64 
      </div>
65 
 
66 
      <div className='description__label'>
67 
        <label htmlFor='name'>Sitio web</label>
68 
        <a href={website} target='_blank' rel='noreferrer'>
69 
          <p>{website}</p>
70 
        </a>
71 
      </div>
72 
    </Modal>
73 
  );
74 
};
75 
 
76 
export default CompanyInfoModal;