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">
                                        <div className="row mb-2">
                                                <div className="d-flex flex-column mb-2 justify-content-center align-items-center">
                                                        <h3 className="mb-1">
                                                                {`${first_name} ${last_name}`}
                                                        </h3>
                                                        <p className="mb-0">
                                                                {email}
                                                        </p>
                                                </div>
                                        </div>
                                        <ul className='d-flex align-items-center' style={{ gap: '.5rem' }}>
                                                <li>
                                                        <a
                                                                className="btn btn-primary"
                                                                href={actions.link_profile}
                                                                target='_blank'
                                                                rel="noreferrer">
                                                                Ver perfil
                                                        </a>
                                                </li>
                                                {allowDelete &&
                                                        <li>
                                                                <button className="btn btn-tertiary" onClick={() => setShowDeleteModal(true)}>
                                                                        Borrar
                                                                </button>
                                                        </li>
                                                }
                                        </ul>
                                </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)