Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4508 | Rev 4510 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4508 Rev 4509
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';
 3 
import EastIcon from '@mui/icons-material/East';
4 
import parse from "html-react-parser";
 4 
import parse from "html-react-parser";
- 
 
 5 
import { Modal } from 'react-bootstrap';
Línea 5... Línea 6...
5 
 
 6 
 
6 
const AboutGroup = (groupInfo) => {
 7 
const AboutGroup = (groupInfo) => {
Línea 7... Línea 8...
7 
    const [showModal, setShowModal] = useState(false)
 8 
    const [showModal, setShowModal] = useState(false)
Línea 21... Línea 22...
21 
                <a className="load__suggest" onClick={(e) => openModal(e)}>
 22 
                <a className="load__suggest" onClick={(e) => openModal(e)}>
22 
                    <span>Ver más</span>
 23 
                    <span>Ver más</span>
23 
                    <EastIcon />
 24 
                    <EastIcon />
24 
                </a>
 25 
                </a>
25 
            </div >
 26 
            </div >
- 
 
 27 
            <AboutGroup.Modal show={showModal} closeModal={() => setShowModal(false)} groupInfo={groupInfo} />
26 
        </>
 28 
        </>
27 
    )
 29 
    )
28 
}
 30 
}
Línea 29... Línea 31...
29 
 
 31 
 
30 
const Modal = ({ show, closeModal }) => {
 32 
const AboutModal = ({ show, closeModal, groupInfo }) => {
- 
 
 33 
    const {
- 
 
 34 
        name,
- 
 
 35 
        overview,
- 
 
 36 
        groupType,
- 
 
 37 
        industry,
- 
 
 38 
        privacy,
- 
 
 39 
        accessibility,
- 
 
 40 
        website
31 
 
 41 
    } = groupInfo
32 
    return (
 42 
    return (
33 
        <Modal
 43 
        <Modal
34 
            show={show}
 44 
            show={show}
35 
            onHide={closeModal}
 45 
            onHide={closeModal}
36 
        >
 46 
        >
- 
 
 47 
            <Modal.Header closeButton />
- 
 
 48 
            <Modal.Body>
- 
 
 49 
                <div className="description__label">
- 
 
 50 
                    <label htmlFor="name">Nombre</label>
- 
 
 51 
                    <p>{name}</p>
- 
 
 52 
                </div>
- 
 
 53 
                <div className="description__label">
- 
 
 54 
                    <label htmlFor="name">Descripción</label>
- 
 
 55 
                    {overview && parse(overview)}
- 
 
 56 
                </div>
- 
 
 57 
                <div className="description__label">
- 
 
 58 
                    <label htmlFor="name">Tipo de grupo</label>
- 
 
 59 
                    <p>{groupType}</p>
- 
 
 60 
                </div>
- 
 
 61 
                <div className="description__label">
- 
 
 62 
                    <label htmlFor="name">Industria</label>
- 
 
 63 
                    <p>{industry}</p>
- 
 
 64 
                </div>
- 
 
 65 
                <div className="description__label">
- 
 
 66 
                    <label htmlFor="name">Privacidad</label>
- 
 
 67 
                    <p>{privacy}</p>
- 
 
 68 
                </div>
- 
 
 69 
                <div className="description__label">
- 
 
 70 
                    <label htmlFor="name">Accesibilidad</label>
- 
 
 71 
                    <p>{accessibility}</p>
- 
 
 72 
                </div>
- 
 
 73 
                <div className="description__label">
- 
 
 74 
                    <label htmlFor="name">Sitio web</label>
- 
 
 75 
                    <a href={website} target="_blank" rel="noreferrer">{website}</a>
- 
 
 76 
                </div>
37 
            <Modal.Header closeButton />
 77 
            </Modal.Body>
38 
        </Modal>
 78 
        </Modal>
39 
    )
 79 
    )
Línea 40... Línea 80...
40 
}
 80 
}
Línea 41... Línea 81...
41 
 
 81 
 
42 
AboutGroup.Modal = Modal
 82 
AboutGroup.Modal = AboutModal