Proyectos de Subversion LeadersLinked - SPA

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

const EventModal = ({ event, show, onClose }) => {
  const dispatch = useDispatch()

  const getBackendVarUrl = (url = '') => {
    if (!url) return

    axios
      .get(url)
      .then(({ data: responseData }) => {
        const { data, success } = responseData

        if (!success) {
          const errorMessage =
            typeof data === 'string'
              ? data
              : 'Error interno. Por favor, intente más tarde.'
          throw new Error(errorMessage)
        }

        window.open(data, '_blank')
      })
      .catch((err) => {
        dispatch(addNotification({ style: 'danger', message: err.message }))
      })
  }

  return (
    <Modal show={show} onHide={onClose}>
      <Modal.Header className='pb-0' closeButton>
        <Modal.Title>{event?.title}</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <div
          className={event?.url && 'cursor-pointer'}
          onClick={() => getBackendVarUrl(event?.url)}
        >
          {event?.agenda && parse(event?.agenda)}
        </div>
      </Modal.Body>
    </Modal>
  )
}

export default EventModal