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