diff --git a/packages/client/src/pages/PortalSettings/categories/common/branding.js b/packages/client/src/pages/PortalSettings/categories/common/branding.js index b593d32fb3..dddffd788c 100644 --- a/packages/client/src/pages/PortalSettings/categories/common/branding.js +++ b/packages/client/src/pages/PortalSettings/categories/common/branding.js @@ -16,7 +16,7 @@ import MobileView from "./Branding/MobileView"; import { UnavailableStyles } from "../../utils/commonSettingsStyles"; import { resetSessionStorage } from "../../utils"; -import { useIsMobileView } from "../../utils/useIsMobileView"; +import { DeviceType } from "@docspace/shared/enums"; const StyledComponent = styled.div` max-width: 700px; @@ -60,8 +60,9 @@ const Branding = ({ isLoadedCompanyInfoSettingsData, isSettingPaid, standalone, + currentDeviceType }) => { - const isMobileView = useIsMobileView(); + const isMobileView = currentDeviceType === DeviceType.mobile; useEffect(() => { setDocumentTitle(t("Branding")); @@ -104,11 +105,12 @@ const Branding = ({ export default inject(({ settingsStore, currentQuotaStore, common }) => { const { isBrandingAndCustomizationAvailable } = currentQuotaStore; const { isLoadedCompanyInfoSettingsData } = common; - const { standalone } = settingsStore; + const { standalone, currentDeviceType } = settingsStore; return { isLoadedCompanyInfoSettingsData, isSettingPaid: isBrandingAndCustomizationAvailable, standalone, + currentDeviceType }; })(withLoading(withTranslation(["Settings", "Common"])(observer(Branding)))); diff --git a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/IdpSettings.js b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/IdpSettings.js index bf3d068ee6..7efb7b131f 100644 --- a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/IdpSettings.js +++ b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/IdpSettings.js @@ -15,7 +15,6 @@ import { sloBindingOptions, nameIdOptions, } from "./sub-components/constants"; -import { useIsMobileView } from "../../../utils/useIsMobileView"; import { DeviceType } from "@docspace/shared/enums"; const PROVIDER_URL = "https://idpservice/idp"; diff --git a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/ProviderMetadata.js b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/ProviderMetadata.js index eaf40e16ea..1a41fe6852 100644 --- a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/ProviderMetadata.js +++ b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/ProviderMetadata.js @@ -8,9 +8,9 @@ import { Text } from "@docspace/shared/components/text"; import { Button } from "@docspace/shared/components/button"; import { mobile, size } from "@docspace/shared/utils"; +import { DeviceType } from "@docspace/shared/enums"; import MetadataUrlField from "./sub-components/MetadataUrlField"; -import { useIsMobileView } from "../../../utils/useIsMobileView"; const StyledWrapper = styled.div` .button-wrapper { @@ -30,11 +30,11 @@ const StyledWrapper = styled.div` const ProviderMetadata = (props) => { const { t } = useTranslation("SingleSignOn"); - const isMobileView = useIsMobileView(); const navigate = useNavigate(); const location = useLocation(); + const { downloadMetadata, currentDeviceType } = props; - const { downloadMetadata } = props; + const isMobileView = currentDeviceType === DeviceType.mobile; const url = window.location.origin; @@ -95,10 +95,12 @@ const ProviderMetadata = (props) => { ); }; -export default inject(({ ssoStore }) => { +export default inject(({ ssoStore, settingsStore }) => { const { downloadMetadata } = ssoStore; + const { currentDeviceType } = settingsStore; return { downloadMetadata, + currentDeviceType }; })(observer(ProviderMetadata)); diff --git a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/SubmitButton.js b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/SubmitButton.js index 38a6f8144d..38de8befec 100644 --- a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/SubmitButton.js +++ b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/SubmitButton.js @@ -18,6 +18,7 @@ const SubmitResetButtons = (props) => { hasErrors, hasChanges, isLoadingXml, + enableSso, } = props; return ( @@ -32,7 +33,9 @@ const SubmitResetButtons = (props) => { displaySettings={true} hasScroll={true} isSaving={isSubmitLoading} - saveButtonDisabled={hasErrors || !hasChanges || isLoadingXml} + saveButtonDisabled={ + !enableSso || hasErrors || !hasChanges || isLoadingXml + } cancelEnable={!(isSubmitLoading || isLoadingXml)} additionalClassSaveButton="save-button" additionalClassCancelButton="restore-button" @@ -53,6 +56,7 @@ export default inject(({ ssoStore }) => { hasErrors, hasChanges, isLoadingXml, + enableSso, } = ssoStore; return { @@ -65,5 +69,6 @@ export default inject(({ ssoStore }) => { hasErrors, hasChanges, isLoadingXml, + enableSso, }; })(observer(SubmitResetButtons)); diff --git a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js index f151f391f5..cd7fe0fcd9 100644 --- a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js +++ b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js @@ -13,7 +13,6 @@ import ToggleSSO from "./sub-components/ToggleSSO"; import SSOLoader from "./sub-components/ssoLoader"; import MobileView from "./MobileView"; -import { useIsMobileView } from "../../../utils/useIsMobileView"; import { DeviceType } from "@docspace/shared/enums"; const SERVICE_PROVIDER_SETTINGS = "serviceProviderSettings"; diff --git a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/DisableSsoConfirmationModal.js b/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/DisableSsoConfirmationModal.js deleted file mode 100644 index 9df14deeab..0000000000 --- a/packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/DisableSsoConfirmationModal.js +++ /dev/null @@ -1,66 +0,0 @@ -import React from "react"; -import { inject, observer } from "mobx-react"; -import { useTranslation } from "react-i18next"; - -import { Box } from "@docspace/shared/components/box"; -import { Button } from "@docspace/shared/components/button"; -import { ModalDialog } from "@docspace/shared/components/modal-dialog"; -import { Text } from "@docspace/shared/components/text"; - -import StyledModalDialog from "../styled-containers/StyledModalDialog"; - -const DisableSsoConfirmationModal = (props) => { - const { t } = useTranslation(["SingleSignOn", "Common"]); - const { - closeConfirmationDisableModal, - confirmationDisableModal, - confirmDisable, - } = props; - - return ( - - {t("Common:Confirmation")} - - - {t("ConfirmationText")} - - - -