Proyectos de Subversion LeadersLinked - Antes de SPA

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

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

  const getBackendVarUrl = () => {
    axios.get(event?.url).then((response) => {
      const { data, success } = response.data

      if (!success) {
        dispatch(
          addNotification({
            style: 'danger',
            msg: 'Error interno. Por favor, intente más tarde.',
          })
        )
        return
      }

      window.open(data, '_blank')
    })
  }

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

export default EventModal