import React from 'react'; import { useSelector } from 'react-redux'; import { getAddModeratorsModal, getAdminLeaveClosedGroupDialog, getBanOrUnbanUserModalState, getChangeNickNameDialog, getConfirmModal, getDeleteAccountModalState, getEditProfileDialog, getInviteContactModal, getOnionPathDialog, getRecoveryPhraseDialog, getRemoveModeratorsModal, getSessionPasswordDialog, getUpdateGroupMembersModal, getUpdateGroupNameModal, getUserDetailsModal, } from '../../state/selectors/modal'; import { AdminLeaveClosedGroupDialog } from './AdminLeaveClosedGroupDialog'; import { InviteContactsDialog } from './InviteContactsDialog'; import { DeleteAccountModal } from './DeleteAccountModal'; import { EditProfileDialog } from './EditProfileDialog'; import { OnionPathModal } from './OnionStatusPathDialog'; import { UserDetailsDialog } from './UserDetailsDialog'; import { SessionConfirm } from './SessionConfirm'; import { SessionPasswordDialog } from './SessionPasswordDialog'; import { SessionSeedModal } from './SessionSeedModal'; import { AddModeratorsDialog } from './ModeratorsAddDialog'; import { RemoveModeratorsDialog } from './ModeratorsRemoveDialog'; import { UpdateGroupMembersDialog } from './UpdateGroupMembersDialog'; import { UpdateGroupNameDialog } from './UpdateGroupNameDialog'; import { SessionNicknameDialog } from './SessionNicknameDialog'; import { BanOrUnBanUserDialog } from './BanOrUnbanUserDialog'; export const ModalContainer = () => { const confirmModalState = useSelector(getConfirmModal); const inviteModalState = useSelector(getInviteContactModal); const addModeratorsModalState = useSelector(getAddModeratorsModal); const removeModeratorsModalState = useSelector(getRemoveModeratorsModal); const updateGroupMembersModalState = useSelector(getUpdateGroupMembersModal); const updateGroupNameModalState = useSelector(getUpdateGroupNameModal); const userDetailsModalState = useSelector(getUserDetailsModal); const changeNicknameModal = useSelector(getChangeNickNameDialog); const editProfileModalState = useSelector(getEditProfileDialog); const onionPathModalState = useSelector(getOnionPathDialog); const recoveryPhraseModalState = useSelector(getRecoveryPhraseDialog); const adminLeaveClosedGroupModalState = useSelector(getAdminLeaveClosedGroupDialog); const sessionPasswordModalState = useSelector(getSessionPasswordDialog); const deleteAccountModalState = useSelector(getDeleteAccountModalState); const banOrUnbanUserModalState = useSelector(getBanOrUnbanUserModalState); return ( <> {banOrUnbanUserModalState && } {inviteModalState && } {addModeratorsModalState && } {removeModeratorsModalState && } {updateGroupMembersModalState && ( )} {updateGroupNameModalState && } {userDetailsModalState && } {changeNicknameModal && } {editProfileModalState && } {onionPathModalState && } {recoveryPhraseModalState && } {adminLeaveClosedGroupModalState && ( )} {sessionPasswordModalState && } {deleteAccountModalState && } {confirmModalState && } ); };