81 lines
2.8 KiB
TypeScript
81 lines
2.8 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";
|
||
|
|
import {NoteDevice} from "./modalContainers/NoteDevice";
|
||
|
|
import { NoteWifi } from "./modalContainers/NoteWifi";
|
||
|
|
import {ConnectNetwork} from "./modalContainers/ConnectNetwork";
|
||
|
|
import {DisconnectConfirm} from "./modalContainers/disconnectConfirm";
|
||
|
|
|
||
|
|
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['6'] && (
|
||
|
|
<NoteDevice
|
||
|
|
type={'devices'}
|
||
|
|
address={data.address}
|
||
|
|
currentNote={data.currentNote}
|
||
|
|
onClose={closeLoader}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
{type === ModalMap['7'] && (
|
||
|
|
<NoteWifi
|
||
|
|
type={'wifi'}
|
||
|
|
address={data.address}
|
||
|
|
currentNote={data.currentNote}
|
||
|
|
onClose={closeLoader}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
{type === ModalMap['8'] && (
|
||
|
|
<ConnectNetwork
|
||
|
|
address={data.address}
|
||
|
|
onClose={closeLoader}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
{type === ModalMap['9'] && (
|
||
|
|
<DisconnectConfirm
|
||
|
|
address={data.address}
|
||
|
|
onClose={closeLoader}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
{type === ModalMap['4'] && (
|
||
|
|
<AddDevice onSave={data?.onSave} onClose={closeLoader} />
|
||
|
|
)}
|
||
|
|
|
||
|
|
{type === ModalMap['5'] && (
|
||
|
|
<RightsConfirm onClose={closeLoader} />
|
||
|
|
)}
|
||
|
|
</ModalWindow >
|
||
|
|
}
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|