Proyectos de Subversion LeadersLinked - SPA

import React from "react";

import { useDispatch } from "react-redux";

import parse from "html-react-parser";

import { axios } from "utils/index";

import { addNotification } from "../../redux/notification/notification.actions";

import Modal from "components/UI/modal/Modal";

import { Box } from "@mui/material";

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

  const dispatch = useDispatch();

  const getBackendVarUrl = (url = "") => {

    if (!url) return;

    axios

      .get(url)

      .then((response) => {

        const { data, success } = response.data;

        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 title={event?.title} show={show} onClose={onClose}>

      <Box

        sx={{ cursor: event?.ur ? "pointer" : "default" }}

        onClick={() => getBackendVarUrl(event?.url)}

      >

        {event?.agenda && parse(event?.agenda)}

      </Box>

    </Modal>

  );

};

export default EventModal;