Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4537 Rev 5913
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from 'react'
 2 
import React, { useState } from 'react'
3 
import EastIcon from '@mui/icons-material/East';
 - 
 
4 
import parse from "html-react-parser";
 3 
import parse from 'html-react-parser'
5 
import { Modal } from 'react-bootstrap';
 4 
import { Modal } from 'react-bootstrap'
- 
 
 5 
import EastIcon from '@mui/icons-material/East'
Línea 6... Línea 6...
6 
 
 6 
 
7 
const AboutCompany = (companyInfo) => {
 7 
const AboutCompany = (companyInfo) => {
Línea 8... Línea 8...
8 
    const [showModal, setShowModal] = useState(false)
 8 
  const [showModal, setShowModal] = useState(false)
9 
 
 9 
 
10 
    const openModal = (e) => {
 10 
  const openModal = (e) => {
11 
        e.preventDefault();
 11 
    e.preventDefault()
12 
        setShowModal(true)
 12 
    setShowModal(true)
13 
    }
 13 
  }
14 
 
 14 
 
15 
    return (
 15 
  return (
16 
        <>
 16 
    <>
17 
            <div className='suggest__widget'>
 17 
      <div className="suggest__widget">
18 
                <div className="linked__widget-header">
 18 
        <div className="linked__widget-header">
19 
                    <h3>Acerca de esta empresa</h3>
 19 
          <h3>Acerca de esta empresa</h3>
20 
                </div>
 20 
        </div>
- 
 
 21 
        {companyInfo.overview ? (
21 
                {companyInfo.overview
 22 
          parse(companyInfo.overview)
22 
                    ? parse(companyInfo.overview)
 23 
        ) : (
23 
                    : <p>Sin descripción</p>
 24 
          <p>Sin descripción</p>
24 
                }
 25 
        )}
25 
                <a className="load__suggest" onClick={(e) => openModal(e)}>
 26 
        <a className="load__suggest" onClick={(e) => openModal(e)}>
26 
                    <span>Ver más</span>
 27 
          <span>Ver más</span>
27 
                    <EastIcon />
 28 
          <EastIcon />
- 
 
 29 
        </a>
- 
 
 30 
      </div>
28 
                </a>
 31 
      <AboutCompany.Modal
- 
 
 32 
        show={showModal}
29 
            </div >
 33 
        closeModal={() => setShowModal(false)}
- 
 
 34 
        companyInfo={companyInfo}
30 
            <AboutCompany.Modal show={showModal} closeModal={() => setShowModal(false)} companyInfo={companyInfo} />
 35 
      />
31 
        </>
 36 
    </>
Línea 32... Línea 37...
32 
    )
 37 
  )
33 
}
 38 
}
34 
 
 39 
 
35 
const AboutModal = ({ show, closeModal, companyInfo }) => {
 40 
const AboutModal = ({ show, closeModal, companyInfo }) => {
36 
    const {
 41 
  const {
37 
        companyName,
 42 
    companyName,
38 
        companySize,
 43 
    companySize,
39 
        facebook,
 44 
    facebook,
40 
        foundationYear,
 45 
    foundationYear,
41 
        industry,
 46 
    industry,
42 
        instagram,
 47 
    instagram,
43 
        locations,
 48 
    locations,
44 
        overview,
 49 
    overview,
45 
        twitter,
 50 
    twitter,
46 
        website,
 - 
 
47 
    } = companyInfo
 - 
 
48 
    return (
 51 
    website,
49 
        <Modal
 - 
 
50 
            show={show}
 52 
  } = companyInfo
51 
            onHide={closeModal}
 53 
  return (
52 
        >
 54 
    <Modal show={show} onHide={closeModal}>
53 
            <Modal.Header closeButton>
 55 
      <Modal.Header closeButton>
54 
                <h2>Acerca de esta empresa</h2>
 56 
        <h2>Acerca de esta empresa</h2>
55 
            </Modal.Header>
 57 
      </Modal.Header>
56 
            <Modal.Body>
 58 
      <Modal.Body>
57 
                <div className="description__label">
 59 
        <div className="description__label">
58 
                    <label htmlFor="name">Nombre</label>
 60 
          <label htmlFor="name">Nombre</label>
59 
                    <p>{companyName}</p>
 61 
          <p>{companyName}</p>
60 
                </div>
 62 
        </div>
61 
                <div className="description__label">
 63 
        <div className="description__label">
62 
                    <label htmlFor="name">Descripción</label>
 64 
          <label htmlFor="name">Descripción</label>
63 
                    {overview && parse(overview)}
 65 
          {overview && parse(overview)}
64 
                </div>
 66 
        </div>
65 
                <div className="description__label">
 67 
        <div className="description__label">
66 
                    <label htmlFor="name">Industria</label>
 68 
          <label htmlFor="name">Industria</label>
67 
                    <p>{industry}</p>
 69 
          <p>{industry}</p>
68 
                </div>
 70 
        </div>
69 
                <div className="description__label">
 71 
        <div className="description__label">
70 
                    <label htmlFor="name">Año de fundación</label>
 72 
          <label htmlFor="name">Año de fundación</label>
71 
                    <p>{foundationYear}</p>
 73 
          <p>{foundationYear}</p>
72 
                </div>
 74 
        </div>
73 
                <div className="description__label">
 75 
        <div className="description__label">
74 
                    <label htmlFor="name">Tamaño de la compañia</label>
 76 
          <label htmlFor="name">Tamaño de la compañia</label>
75 
                    <p>{companySize}</p>
 77 
          <p>{companySize}</p>
76 
                </div>
 78 
        </div>
77 
                <div className="description__label">
 79 
        <div className="description__label">
78 
                    <label htmlFor="name">Facebook</label>
 80 
          <label htmlFor="name">Facebook</label>
79 
                    <a href={facebook} target="_blank" rel="noreferrer">
 81 
          <a href={facebook} target="_blank" rel="noreferrer">
80 
                        <p>{facebook}</p>
 82 
            <p>{facebook}</p>
81 
                    </a>
 83 
          </a>
82 
                </div>
 84 
        </div>
83 
                <div className="description__label">
 85 
        <div className="description__label">
84 
                    <label htmlFor="name">Instagram</label>
 86 
          <label htmlFor="name">Instagram</label>
85 
                    <a href={instagram} target="_blank" rel="noreferrer">
 87 
          <a href={instagram} target="_blank" rel="noreferrer">
86 
                        <p>{instagram}</p>
 88 
            <p>{instagram}</p>
87 
                    </a>
 89 
          </a>
88 
                </div>
 90 
        </div>
89 
                <div className="description__label">
 91 
        <div className="description__label">
90 
                    <label htmlFor="name">Twitter</label>
 92 
          <label htmlFor="name">Twitter</label>
91 
                    <a href={twitter} target="_blank" rel="noreferrer">
 93 
          <a href={twitter} target="_blank" rel="noreferrer">
92 
                        <p>{twitter}</p>
 94 
            <p>{twitter}</p>
93 
                    </a>
 95 
          </a>
94 
                </div>
 96 
        </div>
95 
                <div className="description__label">
 97 
        <div className="description__label">
96 
                    <label htmlFor="name">Sitio web</label>
 98 
          <label htmlFor="name">Sitio web</label>
97 
                    <a href={website} target="_blank" rel="noreferrer">
 99 
          <a href={website} target="_blank" rel="noreferrer">
98 
                        <p>{website}</p>
 100 
            <p>{website}</p>
99 
                    </a>
 101 
          </a>
100 
                </div>
 102 
        </div>
101 
            </Modal.Body>
 103 
      </Modal.Body>
Línea 102... Línea 104...
102 
        </Modal>
 104 
    </Modal>
Línea 103... Línea -...
103 
    )
 - 
 
104 
}
 105 
  )
- 
 
 106 
}