Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from "react";
import DeleteModal from "../../../shared/DeleteModal";

const Follower = ({ first_name, last_name, email, actions, allowDelete, deleteFollower }) => {

  const [showDeleteModal, setShowDeleteModal] = useState(false)

  const closeModal = () => setShowDeleteModal(false)

  return (
    <>
      <div className="col-md-3 col-sm-6 col-12">
        <div className="company_profile_info border-radius border-gray">
          <div className="company-up-info border-radius">
              <div className="row border-bottom-gray mb-2">
                <div className="d-flex flex-column mb-2 justify-content-center align-items-center">
                  <h3 className="mb-1 mt-3">
                    {`${first_name} ${last_name}`}
                  </h3>
                  <p className="mb-0 small lh-sm">
                    {email}
                  </p>
                </div>
              </div>
            <ul>
              <li>
                <button className="btn btn-primary">
                  <a href={actions.link_profile} className="btn p-0">
                    Ver perfil
                  </a>
                </button>
              </li>
              {
                allowDelete
                &&
                <li>
                  <button
                    className="btn btn-tertiary"
                    onClick={() => setShowDeleteModal(true)}
                  >
                    Administrar
                  </button>
                </li>
              }
            </ul>
          </div>
        </div>
      </div>
      <DeleteModal
        url={actions.link_delete}
        isOpen={showDeleteModal}
        closeModal={closeModal}
        title={`Esta seguro de eliminar a ${first_name} de su lista de seguidores?`}
        onComplete={() => deleteFollower(email)}
        message={`Seguidor eliminado`}
      />
    </>
  )
}

export default React.memo(Follower);