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)