AutorÃa | Ultima modificación | Ver Log |
import React from 'react'
const MemberTemplate = ({ member = {}, handleAction = function () {} }) => {
const { name = '', image = '', profile = '', actions = {} } = member
return (
<div className="user">
<div className="d-inline-flex align-items-center">
<a href={profile} target="_blank" rel="noreferrer">
<img src={image} alt={`${name} profile image`} />
</a>
<h4>{name}</h4>
</div>
{actions?.link_approve && (
<i
onClick={() => handleAction(actions.link_approve)}
className="fa fa-check icon-button btn btn-primary ml-auto"
title="Aprobar"
/>
)}
{actions?.link_reject && (
<i
onClick={() => handleAction(actions.link_reject)}
className="fa fa-close icon-button btn btn-secondary ml-auto"
title="Rechazar"
/>
)}
{actions?.link_cancel && (
<i
onClick={() => handleAction(actions.link_cancel)}
className="fa fa-trash icon-button btn btn-secondary ml-auto"
title="Cancelar"
/>
)}
</div>
)
}
export default MemberTemplate