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="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