Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react'
import parse from 'html-react-parser'

const EditItem = ({
        title,
        showModal,
        data
}) => {

        const [type, setType] = useState('text')

        useEffect(() => {
                if (Array.isArray(data)) setType('list')
        }, [data])

        return (
                <div className="user-profile-ov">
                        <h3>
                                {title}
                                <button
                                        className="btn btn-degrees-edit"
                                        onClick={() => showModal(title)}
                                >
                                        <i className="fa fa-pencil"></i>
                                </button>
                        </h3>
                        {
                                type === 'list'
                                &&
                                <ul>
                                        {
                                                data.map((element, index) => {
                                                        if (typeof element === 'string') {
                                                                return (
                                                                        <li key={index}>
                                                                                <a href="#">
                                                                                        {element}
                                                                                </a>
                                                                        </li>
                                                                )
                                                        }

                                                        return (
                                                                <li key={element.value}>
                                                                        <a href="#">
                                                                                {element.label}
                                                                        </a>
                                                                </li>
                                                        )
                                                })
                                        }
                                </ul>
                        }
                        {
                                typeof data === 'string'
                                &&
                                <p>{parse(data)}</p>
                        }
                </div >
        )
}

export default EditItem