Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useState } from "react";

import AptitudesModal from "./AptitudesModal";

const Aptitudes = ({ userAptitudes, aptitudesOptions, userIdEncrypted }) => {

  const [isModalOpen, setIsModalOpen] = useState(false);

  const [userAptitudesArray, setUserAptitudesArray] = useState(userAptitudes);

  return (

    <>

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

        <h3>

          Aptitudes

          <a href="#" title="" className="btn-aptitudes-edit" onClick={() => setIsModalOpen(true)}>

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

          </a>

        </h3>

        <ul>

          {

            userAptitudesArray.length

              ? userAptitudesArray.map(({ name }) =>

                <li key={name}>

                  <a href="#" title="">

                    {name}

                  </a>

                </li>

              )

              : <li>Sin información</li>

          }

        </ul>

      </div>

      <AptitudesModal

        show={isModalOpen}

        aptitudesOptions={aptitudesOptions}

        closeModal={() => setIsModalOpen(false)}

        setAptitudes={(newAptitudes) => setUserAptitudesArray(newAptitudes)}

        userAptitudes={userAptitudesArray}

        userIdEncrypted={userIdEncrypted}

      />

    </>

  );

};

export default Aptitudes;