import { useState } from "react" import Box from '@mui/material/Box'; import Modal from '@mui/material/Modal'; import Fade from '@mui/material/Fade'; import { Fab} from '@mui/material'; import AddIcon from '@mui/icons-material/Add'; import Backdrop from '@mui/material/Backdrop'; import CreateNewChat, { FindUserModal, MainChatModal } from "./CreateNewChat"; import { connect } from "react-redux"; import { actionIsOpen } from "../reducers/modalReducer"; import ChatInfoModal from "./ChatInfoModal/ChatInfoModal"; import ChatEditorModal from "./ChatEditorModal/ChatEditorModal"; import UserEditorModal from "./UserEditorModal/UserEditorModal"; import MessageMediaModal from "./MessageMediaModal/MessageMediaModal"; import { history } from "../App"; import SearchChatModal from "./SearchChatModal/SearchChatModal"; import MessageEditorMediaModal from "./MessageEditorMediaModal/MessageEditorMediaModal"; const ModalComponent = ({modal, setOpen}) => { const [,route, histId] = history.location.pathname.split('/'); const open = modal?.isOpen || false; const handleClose = () => setOpen(false); const modalMap = { createChatModal: , chatInfoModal: , chatEditorModal: , userEditorModal: , messageMediaModal: , searchChatModal: , messageEditorMediaModal: } return ( {modalMap[modal.content]} ) } export const CModalComponent = connect(state => ({modal: state?.modal || {} }), {setOpen: actionIsOpen})(ModalComponent)