Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import EastIcon from '@mui/icons-material/East';
import parse from "html-react-parser";

const AboutGroup = (groupInfo) => {
    const [showModal, setShowModal] = useState(false)

    const openModal = (e) => {
        e.preventDefault();
        setShowModal(true)
    }

    "Invitación del administrador"
"group-cover-637d9bde73232.png"
"dd756942-75ea-4350-83e3-11cef7469ef8"
"Software & Tecnología"
"dd756942-75ea-4350-83e3-11cef7469ef8"
"group-image-637d7daccc63b.png"
"Tecnología"
""
"2Get Skills"
"<p>Testing1</p>"
"Público"
"/feed/timeline/dd756942-75ea-4350-83e3-11cef7469ef8/group"
"4"
"1"
"https://2getskills.com"

    return (
        <>
            <div className='suggest__widget'>
                <div className="linked__widget-header">
                    <h3>About this group</h3>
                </div>
                {groupInfo.overview && parse(groupInfo.overview)}
                <a className="load__suggest" onClick={(e) => openModal(e)}>
                    <span>Ver más</span>
                    <EastIcon />
                </a>
            </div >
            <AboutGroup.Modal show={showModal} closeModal={() => setShowModal(false)} groupInfo={groupInfo} />
        </>
    )
}

const Modal = ({ show, closeModal, groupInfo }) => {
    const {
        name,
        overview,
        groupType,
        industry,
        privacy,
        accessibility,
        website
    } = groupInfo

    return (
        <Modal
            show={show}
            onHide={closeModal}
        >
            <Modal.Header closeButton />
        </Modal>
    )
}

AboutGroup.Modal = Modal

export default AboutGroup