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'>

            <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