Proyectos de Subversion LeadersLinked - Antes de SPA

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

const ProfileSection = ({
  user_uuid,
  image,
  name,
  total_members,
  accessibility,
  link_inmail,
  link_accept,
  link_cancel,
  link_request,
  link_leave,
  handleActionLink,
}) => {

  return (
    <div className="user_profile border-gray overflow-hidden m-0 p-1 mb-2">
      <div className="user-pro-img">
        <img
          src={`/storage/type/group/code/${user_uuid}/${image ? `filename/${image}` : ""}`}
          alt="profile-image"
        />
      </div>
      <div className="user_pro_status">
        <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
        <ul className="flw-status">
          <div className="container horizontal-list">
            <div className="row ">
              {link_inmail &&
                <a
                  href={link_inmail || '#'}
                  className="btn btn-primary"
                >
                  Contactar con el Administrador
                </a>
              }
              <div className="members_count">
                <b style={{ fontSize: '1rem' }} >{total_members}</b>
                <p>Miembros</p>
              </div>
              {link_accept &&
                <button
                  onClick={() => handleActionLink(link_accept)}
                  className="btn btn-primary"
                  title=""
                >
                  <span className="ellipsis">
                    Aceptar invitacion
                  </span>
                </button>
              }
              {link_cancel &&
                <button
                  onClick={() => handleActionLink(link_cancel)}
                  className="btn btn-primary"
                  title=""
                >
                  <span className="ellipsis">
                    Cancelar invitacion
                  </span>
                </button>
              }
              {link_leave &&
                <button
                  onClick={() => handleActionLink(link_leave)}
                  className="btn btn-primary"
                  title=""
                >
                  <span className="ellipsis">
                    Abandonar grupo
                  </span>
                </button>
              }
              {link_request &&
                <button
                  onClick={() => handleActionLink(link_request)}
                  className="btn btn-primary"
                  title=""
                >
                  {accessibility === 'Auto unirse' ? 'Unirse' : 'Solicitar membresia'}
                </button>
              }
            </div>
          </div>
        </ul>
      </div>
    </div>
  )
}

export default ProfileSection