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);