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;