Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react'

import { getData } from '../../helpers/fetchHelpers';

const EditItem = ({

    title,

    action,

    data

}) => {

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

    const [itemData, setItemData] = useState(data);

    useEffect(() => {

        if (data === null) {

            setItemData('')

        }

    }, [data]);

    useEffect(() => {

        if (typeof itemData === "object") {

            setType("list")

        }

    }, [data]);

    return (

        <div className="user-profile-ov">

            <h3>

                {title}

                <button

                    className="btn btn-degrees-edit"

                    onClick={action}

                >

                    <i className="fa fa-pencil"></i>

                </button>

            </h3>

            {

                type === "list"

                    ?

                    <ul>

                        {

                            itemData.map((element) => (

                                <li key={element.value}>

                                    {element.label}

                                </li>

                            ))

                        }

                    </ul>

                    :

                    <p>

                        {itemData}

                    </p>

            }

        </div>

    )

}

export default EditItem