{t("Settings:AdditionalResources")}
@@ -321,6 +332,7 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
additionalResourcesData,
additionalResourcesIsDefault,
+ deviceType,
} = settingsStore;
const { isBrandingAndCustomizationAvailable } = currentQuotaStore;
@@ -333,6 +345,7 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
setIsLoadedAdditionalResources,
isLoadedAdditionalResources,
isSettingPaid: isBrandingAndCustomizationAvailable,
+ deviceType,
};
})(
withLoading(
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
index 3c57a10d82..373cc203ea 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
@@ -39,6 +39,7 @@ import { SaveCancelButtons } from "@docspace/shared/components/save-cancel-butto
import { Link } from "@docspace/shared/components/link";
import { mobile, size } from "@docspace/shared/utils";
import { isManagement } from "@docspace/shared/utils/common";
+import { DeviceType } from "@docspace/shared/enums";
import withLoading from "SRC_DIR/HOCs/withLoading";
import LoaderCompanyInfoSettings from "../sub-components/loaderCompanyInfoSettings";
@@ -91,9 +92,11 @@ const CompanyInfoSettings = (props) => {
isLoadedCompanyInfoSettingsData,
buildVersionInfo,
personal,
+ deviceType,
} = props;
const navigate = useNavigate();
const location = useLocation();
+ const isMobileView = deviceType === DeviceType.mobile;
const defaultCompanySettingsError = {
hasErrorAddress: false,
@@ -126,13 +129,14 @@ const CompanyInfoSettings = (props) => {
checkWidth();
window.addEventListener("resize", checkWidth);
return () => window.removeEventListener("resize", checkWidth);
- }, []);
+ }, [isMobileView]);
const checkWidth = () => {
const url = isManagement()
? "/branding"
: "portal-settings/customization/branding";
window.innerWidth > size.mobile &&
+ !isMobileView &&
location.pathname.includes("company-info-settings") &&
navigate(url);
};
@@ -507,6 +511,7 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
companyInfoSettingsData,
buildVersionInfo,
personal,
+ deviceType,
} = settingsStore;
const { isBrandingAndCustomizationAvailable } = currentQuotaStore;
@@ -522,6 +527,7 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
buildVersionInfo,
personal,
isSettingPaid: isBrandingAndCustomizationAvailable,
+ deviceType,
};
})(
withLoading(
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
index bfbac80e66..468e0683d0 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
@@ -23,7 +23,6 @@
// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
-
import { useState, useEffect } from "react";
import { withTranslation } from "react-i18next";
import { inject, observer } from "mobx-react";
@@ -69,9 +68,10 @@ const WhiteLabel = (props) => {
setLogoUrlsWhiteLabel,
defaultLogoTextWhiteLabel,
enableRestoreButton,
+ deviceType,
- currentDeviceType,
resetIsInit,
+ standalone,
} = props;
const navigate = useNavigate();
const location = useLocation();
@@ -80,10 +80,12 @@ const WhiteLabel = (props) => {
const [logoTextWhiteLabel, setLogoTextWhiteLabel] = useState("");
const [isSaving, setIsSaving] = useState(false);
- const isMobileView = currentDeviceType === DeviceType.mobile;
+ const isMobileView = deviceType === DeviceType.mobile;
const init = async () => {
- const isWhiteLabelPage = location.pathname.includes("white-label");
+ const isWhiteLabelPage = standalone
+ ? location.pathname.includes("white-label")
+ : true;
if ((isMobileView && isWhiteLabelPage) || !isMobileView) {
const page = isMobileView ? "white-label" : "branding";
@@ -94,19 +96,25 @@ const WhiteLabel = (props) => {
useEffect(() => {
init();
checkWidth();
- window.addEventListener("resize", checkWidth);
return () => {
- window.removeEventListener("resize", checkWidth);
resetIsInit();
};
}, []);
+ useEffect(() => {
+ window.addEventListener("resize", checkWidth);
+ return () => {
+ window.removeEventListener("resize", checkWidth);
+ };
+ }, [isMobileView]);
+
const checkWidth = () => {
const url = isManagement()
? "/branding"
: "/portal-settings/customization/branding";
window.innerWidth > size.mobile &&
+ !isMobileView &&
location.pathname.includes("white-label") &&
navigate(url);
};
@@ -550,8 +558,11 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
resetIsInit,
} = common;
- const { whiteLabelLogoUrls: defaultWhiteLabelLogoUrls, currentDeviceType } =
- settingsStore;
+ const {
+ whiteLabelLogoUrls: defaultWhiteLabelLogoUrls,
+ deviceType,
+ standalone,
+ } = settingsStore;
const { isBrandingAndCustomizationAvailable } = currentQuotaStore;
return {
@@ -569,7 +580,8 @@ export default inject(({ settingsStore, common, currentQuotaStore }) => {
defaultLogoTextWhiteLabel,
enableRestoreButton,
- currentDeviceType,
+ deviceType,
resetIsInit,
+ standalone,
};
})(withTranslation(["Settings", "Profile", "Common"])(observer(WhiteLabel)));
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
index 6a24b8f403..fdec1ceae7 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
@@ -142,7 +142,7 @@ const StyledSettingsComponent = styled.div`
}
@media ${mobile} {
- padding-right: 8px;
+ padding-inline-end: 8px;
}
}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
index c1e17d6086..e3d09aa775 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
@@ -34,7 +34,7 @@ import { Button } from "@docspace/shared/components/button";
import { inject, observer } from "mobx-react";
import { useNavigate } from "react-router-dom";
-import { isMobile } from "@docspace/shared/utils";
+import { isMobileDevice } from "@docspace/shared/utils";
import checkScrollSettingsBlock from "../utils";
import { StyledSettingsComponent, StyledScrollbar } from "./StyledSettings";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
@@ -167,7 +167,7 @@ const DNSSettings = (props) => {
setDNSName(value);
};
const checkInnerWidth = useCallback(() => {
- if (!isMobile()) {
+ if (!isMobileDevice()) {
setIsCustomizationView(true);
const currentUrl = window.location.href.replace(
@@ -183,7 +183,7 @@ const DNSSettings = (props) => {
} else {
setIsCustomizationView(false);
}
- }, [isMobile, setIsCustomizationView]);
+ }, [isMobileDevice, setIsCustomizationView]);
const domainExampleText = " ourcompany.com";
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
index 91bd861142..686713dd01 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
@@ -38,7 +38,7 @@ import { COOKIE_EXPIRATION_YEAR } from "@docspace/shared/constants";
import { LANGUAGE } from "@docspace/shared/constants";
import { setCookie } from "@docspace/shared/utils/cookie";
import { useNavigate } from "react-router-dom";
-import { isMobile } from "@docspace/shared/utils";
+import { isMobileDevice } from "@docspace/shared/utils";
import checkScrollSettingsBlock from "../utils";
import { StyledSettingsComponent, StyledScrollbar } from "./StyledSettings";
import LoaderCustomization from "../sub-components/loaderCustomization";
@@ -97,10 +97,10 @@ const LanguageAndTimeZone = (props) => {
initSettings,
isLoadedPage,
currentColorScheme,
- currentDeviceType,
+ deviceType,
} = props;
- const isMobileView = currentDeviceType === DeviceType.mobile;
+ const isMobileView = deviceType === DeviceType.mobile;
const navigate = useNavigate();
@@ -418,7 +418,7 @@ const LanguageAndTimeZone = (props) => {
};
const checkInnerWidth = () => {
- if (!isMobile()) {
+ if (!isMobileDevice()) {
setState((val) => ({ ...val, isCustomizationView: true }));
const currentUrl = window.location.href.replace(
@@ -565,7 +565,7 @@ export default inject(({ settingsStore, setup, common, userStore }) => {
cultures,
currentColorScheme,
languageAndTimeZoneSettingsUrl,
- currentDeviceType,
+ deviceType,
} = settingsStore;
const { user } = userStore;
@@ -589,7 +589,7 @@ export default inject(({ settingsStore, setup, common, userStore }) => {
setIsLoaded,
currentColorScheme,
languageAndTimeZoneSettingsUrl,
- currentDeviceType,
+ deviceType,
};
})(
withCultureNames(
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
index 8834e70e6a..feb553c836 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
@@ -32,7 +32,7 @@ import { TextInput } from "@docspace/shared/components/text-input";
import { SaveCancelButtons } from "@docspace/shared/components/save-cancel-buttons";
import { inject, observer } from "mobx-react";
import { useNavigate } from "react-router-dom";
-import { isMobile } from "@docspace/shared/utils";
+import { isMobileDevice } from "@docspace/shared/utils";
import checkScrollSettingsBlock from "../utils";
import { StyledSettingsComponent, StyledScrollbar } from "./StyledSettings";
import { saveToSessionStorage, getFromSessionStorage } from "../../../utils";
@@ -264,7 +264,7 @@ const PortalRenaming = (props) => {
};
const checkInnerWidth = useCallback(() => {
- if (!isMobile()) {
+ if (!isMobileDevice()) {
setIsCustomizationView(true);
const currentUrl = window.location.href.replace(
@@ -279,7 +279,7 @@ const PortalRenaming = (props) => {
} else {
setIsCustomizationView(false);
}
- }, [isMobile, setIsCustomizationView]);
+ }, [isMobileDevice, setIsCustomizationView]);
const onOpenModal = () => {
setIsShowModal(true);
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
index 0b88ca143d..74a199720d 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
@@ -35,7 +35,7 @@ import { saveToSessionStorage, getFromSessionStorage } from "../../../utils";
import { setDocumentTitle } from "SRC_DIR/helpers/utils";
import { inject, observer } from "mobx-react";
import { useNavigate } from "react-router-dom";
-import { isMobile } from "@docspace/shared/utils";
+import { isMobileDevice } from "@docspace/shared/utils";
import checkScrollSettingsBlock from "../utils";
import { StyledSettingsComponent } from "./StyledSettings";
import LoaderCustomization from "../sub-components/loaderCustomization";
@@ -283,7 +283,7 @@ const WelcomePageSettings = (props) => {
};
const checkInnerWidth = () => {
- if (!isMobile()) {
+ if (!isMobileDevice()) {
setState((val) => ({ ...val, isCustomizationView: true }));
const currentUrl = window.location.href.replace(
diff --git a/packages/client/src/pages/PortalSettings/categories/common/branding.js b/packages/client/src/pages/PortalSettings/categories/common/branding.js
index cd8d65a46c..1b044e8a60 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/branding.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/branding.js
@@ -86,10 +86,10 @@ const Branding = ({
isLoadedCompanyInfoSettingsData,
isSettingPaid,
standalone,
- currentDeviceType,
+ deviceType,
portals,
}) => {
- const isMobileView = currentDeviceType === DeviceType.mobile;
+ const isMobileView = deviceType === DeviceType.mobile;
useEffect(() => {
setDocumentTitle(t("Branding"));
@@ -103,16 +103,23 @@ const Branding = ({
};
}, []);
- if (isMobileView && standalone)
+ const hideBlock = isManagement() ? false : portals?.length > 1 ? true : false;
+
+ const showSettings = standalone && !hideBlock;
+
+ if (isMobileView)
return (
-
+
);
- const hideBlock = isManagement() ? false : portals?.length > 1 ? true : false;
return (
- {standalone && !hideBlock && (
+ {showSettings && (
<>
{isLoadedCompanyInfoSettingsData ? (
@@ -133,13 +140,13 @@ const Branding = ({
export default inject(({ settingsStore, currentQuotaStore, common }) => {
const { isBrandingAndCustomizationAvailable } = currentQuotaStore;
const { isLoadedCompanyInfoSettingsData } = common;
- const { standalone, currentDeviceType, portals } = settingsStore;
+ const { standalone, portals, deviceType } = settingsStore;
return {
isLoadedCompanyInfoSettingsData,
isSettingPaid: isBrandingAndCustomizationAvailable,
standalone,
- currentDeviceType,
portals,
+ deviceType,
};
})(withLoading(withTranslation(["Settings", "Common"])(observer(Branding))));
diff --git a/packages/client/src/pages/PortalSettings/categories/common/customization-navbar.js b/packages/client/src/pages/PortalSettings/categories/common/customization-navbar.js
index 6bfe54a306..73d893be59 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/customization-navbar.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/customization-navbar.js
@@ -46,14 +46,13 @@ StyledComponent.defaultProps = { theme: Base };
const CustomizationNavbar = ({
t,
- isLoaded,
tReady,
setIsLoadedCustomizationNavbar,
isLoadedPage,
isSettingPaid,
enablePortalRename,
}) => {
- const isLoadedSetting = isLoaded && tReady;
+ const isLoadedSetting = tReady;
const navigate = useNavigate();
useEffect(() => {
@@ -103,9 +102,8 @@ const CustomizationNavbar = ({
export default inject(({ common, settingsStore }) => {
const { enablePortalRename } = settingsStore;
- const { isLoaded, setIsLoadedCustomizationNavbar } = common;
+ const { setIsLoadedCustomizationNavbar } = common;
return {
- isLoaded,
setIsLoadedCustomizationNavbar,
enablePortalRename,
};
diff --git a/packages/client/src/pages/PortalSettings/categories/common/index.js b/packages/client/src/pages/PortalSettings/categories/common/index.js
index d885fad5ee..e98c3ea4d1 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/index.js
@@ -139,7 +139,7 @@ export default inject(({ settingsStore, common }) => {
const currentDeviceType = settingsStore.currentDeviceType;
- const isMobileView = currentDeviceType === DeviceType.mobile;
+ const isMobileView = settingsStore.deviceType === DeviceType.mobile;
return {
loadBaseInfo: async (page) => {
await initSettings(page);
diff --git a/packages/client/src/pages/PortalSettings/categories/delete-data/StyledDeleteData.js b/packages/client/src/pages/PortalSettings/categories/delete-data/StyledDeleteData.js
index 1bf28acd24..41418914b1 100644
--- a/packages/client/src/pages/PortalSettings/categories/delete-data/StyledDeleteData.js
+++ b/packages/client/src/pages/PortalSettings/categories/delete-data/StyledDeleteData.js
@@ -59,7 +59,7 @@ export const ButtonWrapper = styled.div`
align-items: center;
.request-again-link {
- margin-left: 4px;
+ margin-inline-start: 4px;
}
@media ${mobile} {
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/FileSelector.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/FileSelector.js
index c3ba074fa2..5d9736fac7 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/FileSelector.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/FileSelector.js
@@ -55,6 +55,8 @@ import { TooltipContent } from "../sub-components/TooltipContent";
import SubtitleUrl from "PUBLIC_DIR/images/sdk-presets_subtitle.react.svg?url";
import SearchUrl from "PUBLIC_DIR/images/sdk-presets_files-search.react.svg?url";
+import SubtitleUrlDark from "PUBLIC_DIR/images/sdk-presets_subtitle_dark.png?url";
+import SearchUrlDark from "PUBLIC_DIR/images/sdk-presets_files-search_dark.png?url";
import { toastr } from "@docspace/shared/components/toast";
@@ -585,7 +587,7 @@ const FileSelector = (props) => {
}
/>
@@ -605,7 +607,7 @@ const FileSelector = (props) => {
}
/>
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js
index f818ad5067..f59a51087e 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js
@@ -438,7 +438,7 @@ const Manager = (props) => {
const onChangeSortBy = (item) => {
setConfig((config) => {
- return { ...config, sortby: item.key };
+ return { ...config, filter: { ...config.filter, sortby: item.key } };
});
setSortBy(item);
@@ -446,7 +446,7 @@ const Manager = (props) => {
const onChangeSortOrder = (item) => {
setConfig((config) => {
- return { ...config, sortorder: item.key };
+ return { ...config, filter: { ...config.filter, sortorder: item.key } };
});
setSortOrder(item);
@@ -506,19 +506,22 @@ const Manager = (props) => {
const onChangeCount = (e) => {
setConfig((config) => {
- return { ...config, count: e.target.value };
+ return { ...config, filter: { ...config.filter, count: e.target.value } };
});
};
const onChangePage = (e) => {
setConfig((config) => {
- return { ...config, page: e.target.value };
+ return { ...config, filter: { ...config.filter, page: e.target.value } };
});
};
const onChangeSearch = (e) => {
setConfig((config) => {
- return { ...config, search: e.target.value };
+ return {
+ ...config,
+ filter: { ...config.filter, filterValue: e.target.value },
+ };
});
};
@@ -1266,7 +1269,7 @@ const Manager = (props) => {
scale={true}
onChange={onChangeSearch}
placeholder={t("Common:Search")}
- value={config.search}
+ value={config.filter.filterValue}
tabIndex={5}
/>
{
scale={true}
onChange={onChangeCount}
placeholder={t("EnterCount")}
- value={config.count}
+ value={config.filter.count}
tabIndex={6}
/>
@@ -1324,8 +1327,8 @@ const Manager = (props) => {
scale={true}
onChange={onChangePage}
placeholder={t("EnterPage")}
- value={config.page}
- isDisabled={!config.count}
+ value={config.filter.page}
+ isDisabled={!config.filter.count}
tabIndex={7}
/>
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/PresetTile.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/PresetTile.js
index f93bdc1276..4b6fffe202 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/PresetTile.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/sub-components/PresetTile.js
@@ -66,7 +66,8 @@ const TileContainer = styled.div`
}
.icon {
- transform: scale(-1, 1);
+ ${({ theme }) =>
+ theme.interfaceDirection === "ltr" && "transform: scale(-1, 1);"}
}
:hover {
@@ -89,7 +90,7 @@ const PresetTile = (props) => {
{title}
-
+
{description}