Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'

const MemberTemplate = ({
    member = {},
    handleAction = function () { }
}) => {

    const { name = '', image = '', profile = '', actions = {} } = member

    return (
        <div className='user w-100'>
            <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '1rem' }}>
                <a href={profile} target="_blank" rel="noreferrer">
                    <img src={image} alt={`${name} profile image`} />
                </a>
                <h4>{name}</h4>
                {actions?.link_approve &&
                    <i
                        onClick={() => handleAction(actions.link_approve)}
                        className="fa fa-check icon-button btn btn-primary"
                        title="Aprobar"
                    />
                }
                {actions?.link_reject &&
                    <i
                        onClick={() => handleAction(actions.link_reject)}
                        className="fa fa-close icon-button btn btn-secondary"
                        title="Rechazar" />
                }
                {actions?.link_cancel &&
                    <i
                        onClick={() => handleAction(actions.link_cancel)}
                        className="fa fa-trash icon-button btn btn-secondary"
                        title="Cancelar"
                    />
                }
            </div>
        </div>
    )
}

export default MemberTemplate