Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { axios } from '../../utils'
import { useDispatch } from 'react-redux'
import { addNotification } from '../../redux/notification/notification.actions'
import parse from 'html-react-parser'

import Avatar from '../UI/AvatarImage'

const CompanyActions = ({
  cover,
  companyId,
  name,
  image,
  actionLinks,
  overview,
  refetch,
}) => {
  const dispatch = useDispatch()

  const handleButtonAction = async (link) => {
    const { data: response } = await axios.post(link)
    if (response.success) {
      dispatch(addNotification({ style: 'success', msg: response.data }))
      refetch()
    } else {
      dispatch(
        addNotification({ style: 'danger', msg: 'ha ocurrido un error' })
      )
    }
  }

  return (
    <div className="group__actions">
      <div className="group__actions-cover">
        <img
          src={`/storage/type/company-cover/code/${companyId}/${
            cover ? `filename/${cover}` : ''
          }`}
          alt="Profile cover"
          className="sidebar__cover"
        />
      </div>
      <div className="group__actions-body">
        <Avatar
          imageUrl={`/storage/type/company/code/${companyId}/${
            image ? `filename/${image}` : ''
          }`}
          size="xl"
          name={name}
        />
        <h1>{name}</h1>
        {overview && parse(overview)}
        <div className="row" style={{ gap: '.5rem' }}>
          {actionLinks?.link_contact && (
            <a
              href={actionLinks?.link_contact}
              className="button btn btn-primary"
            >
              Mensaje
            </a>
          )}
          {actionLinks?.link_unfollow && (
            <button
              className="button btn btn-secondary"
              onClick={() => handleButtonAction(actionLinks?.link_unfollow)}
            >
              Dejar de seguir
            </button>
          )}
          {actionLinks?.link_follow && (
            <button
              className="btn btn-primary"
              onClick={() => handleButtonAction(actionLinks?.link_follow)}
            >
              Seguir
            </button>
          )}
          {actionLinks?.link_request && actionLinks?.link_unfollow && (
            <button
              className="button btn btn-secondary"
              onClick={() => handleButtonAction(actionLinks?.link_request)}
            >
              ¿Trabaja en esta empresa?
            </button>
          )}
          {actionLinks?.link_accept && (
            <button
              className="button btn btn-primary"
              onClick={() => handleButtonAction(actionLinks?.link_accept)}
            >
              Aceptar
            </button>
          )}
          {actionLinks?.link_cancel && (
            <button
              title=""
              className="button btn btn-secondary"
              onClick={() => handleButtonAction(actionLinks?.link_cancel)}
            >
              Cancelar
            </button>
          )}
          {actionLinks?.link_reject && (
            <button
              title=""
              className="button btn btn-secondary"
              onClick={() => handleButtonAction(actionLinks?.link_reject)}
            >
              Rechazar
            </button>
          )}
          {actionLinks?.link_leave && (
            <button
              data-link="{{>link_leave}}"
              title=""
              className="button btn btn-secondary"
              onClick={() => handleButtonAction(actionLinks?.link_leave)}
            >
              Abandonar esta empresa
            </button>
          )}
        </div>
      </div>
    </div>
  )
}

export default CompanyActions