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";
import {Settings} from "../settings/Settings";

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} />
                    )}
                    {type === ModalMap['10'] && (
                        <Settings
                            onClose={closeLoader}
                        />
                    )}
                </ModalWindow >
            }
        </>
    )
}