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)