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-4 mb-2">

        <div className="card shadow-none text-center h-100">

          <div className="card-body p-2 pb-0">

            <h6 className="mb-1 mt-3">

              <a href={actions.link_profile}>

                {`${first_name} ${last_name}`}

              </a>

            </h6>

            <p className="mb-0 small lh-sm">

              {email}

            </p>

          </div>

          <div className="card-footer p-2 border-0 d-flex justify-content-center gap-2">

            <button

              className="btn btn-block btn-primary">

              <a href={actions.link_profile} className="text-white">

                Ver Perfil

              </a>

            </button>

            {

              allowDelete

              &&

              <button

                className="btn btn-block btn-danger"

                style={{ marginTop: '0' }}

                onClick={() => setShowDeleteModal(true)}

              >

                Borrar

              </button>

            }

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