Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1766 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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