50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
|
import { useModalContext } from "../../store";
|
||
|
|
import { IpConfirm, ConnectionError, AddDevice, RightsConfirm } from "./modalContainers";
|
||
|
|
import { ModalMap } from "./windowsType";
|
||
|
|
import Loader from "../UI/loader";
|
||
|
|
import { ModalWindow } from "./style";
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
isOpen: boolean,
|
||
|
|
type: string
|
||
|
|
data: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function WindowComponent({ isOpen, type, data }: Props) {
|
||
|
|
|
||
|
|
const { closeModal, closeLoader } = useModalContext()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
{isOpen &&
|
||
|
|
<ModalWindow>
|
||
|
|
{type == ModalMap['1'] && data &&
|
||
|
|
<IpConfirm
|
||
|
|
ipData={data}
|
||
|
|
onClose={closeModal}
|
||
|
|
smoothClose={closeLoader}
|
||
|
|
/>
|
||
|
|
}
|
||
|
|
|
||
|
|
{type == ModalMap['2'] &&
|
||
|
|
<Loader loaderText={data} />
|
||
|
|
}
|
||
|
|
|
||
|
|
{type === ModalMap['3'] &&
|
||
|
|
<ConnectionError
|
||
|
|
message={data.message}
|
||
|
|
/>
|
||
|
|
}
|
||
|
|
|
||
|
|
{type === ModalMap['4'] && (
|
||
|
|
<AddDevice onSave={data?.onSave} onClose={closeLoader} />
|
||
|
|
)}
|
||
|
|
|
||
|
|
{type === ModalMap['5'] && (
|
||
|
|
<RightsConfirm onClose={closeLoader} />
|
||
|
|
)}
|
||
|
|
</ModalWindow >
|
||
|
|
}
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|