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