Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3881 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3878 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
3 
 
4 
const MemberTemplate = ({
5462 stevensc 5 
  member = {},
6 
  handleAction = function () { }
3878 stevensc 7 
}) => {
5462 stevensc 8 
  const { name = '', image = '', profile = '', actions = {} } = member
3878 stevensc 9 
 
5462 stevensc 10 
  return (
3881 stevensc 11 
        <div className='user w-100'>
3878 stevensc 12 
            <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '1rem' }}>
13 
                <a href={profile} target="_blank" rel="noreferrer">
14 
                    <img src={image} alt={`${name} profile image`} />
15 
                </a>
16 
                <h4>{name}</h4>
17 
                {actions?.link_approve &&
18 
                    <i
19 
                        onClick={() => handleAction(actions.link_approve)}
20 
                        className="fa fa-check icon-button btn btn-primary"
21 
                        title="Aprobar"
22 
                    />
23 
                }
24 
                {actions?.link_reject &&
25 
                    <i
26 
                        onClick={() => handleAction(actions.link_reject)}
27 
                        className="fa fa-close icon-button btn btn-secondary"
28 
                        title="Rechazar" />
29 
                }
30 
                {actions?.link_cancel &&
31 
                    <i
32 
                        onClick={() => handleAction(actions.link_cancel)}
33 
                        className="fa fa-trash icon-button btn btn-secondary"
34 
                        title="Cancelar"
35 
                    />
36 
                }
37 
            </div>
38 
        </div>
5462 stevensc 39 
  )
3878 stevensc 40 
}
41 
 
5462 stevensc 42 
export default MemberTemplate