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">
                                                                        {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)}>
                                                                                Borrar
                                                                        </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)