added sessions route

packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js

@@ -20,6 +20,7 @@ export const MainContainer = styled.div`
   width: 100%;
 
   .subtitle {
+    max-width: 700px;
     margin-bottom: 20px;
     color: ${(props) => props.theme.client.settings.common.descriptionColor};
   }

packages/client/src/pages/PortalSettings/categories/security/index.js

@@ -12,6 +12,7 @@ import LoginHistory from "./login-history/index.js";
 import MobileSecurityLoader from "./sub-components/loaders/mobile-security-loader";
 import AccessLoader from "./sub-components/loaders/access-loader";
 import AuditTrail from "./audit-trail/index.js";
+import Sessions from "./sessions/index";
 import { resetSessionStorage } from "../../utils";
 import { DeviceType } from "@docspace/common/constants/index.js";
 
@@ -37,6 +38,11 @@ const SecurityWrapper = (props) => {
       name: t("AuditTrailNav"),
       content: <AuditTrail />,
     },
+    {
+      id: "sessions",
+      name: t("Sessions"),
+      content: <Sessions />,
+    },
   ];
 
   const load = async () => {

packages/client/src/pages/PortalSettings/categories/security/sessions/index.js

@@ -0,0 +1,53 @@
+import { withTranslation } from "react-i18next";
+import { inject, observer } from "mobx-react";
+
+import { MainContainer } from "../StyledSecurity";
+import Text from "@docspace/components/text";
+
+const Sessions = ({ t }) => {
+  return (
+    <MainContainer>
+      <Text className="subtitle">{t("SessionsSubtitle")}</Text>
+    </MainContainer>
+  );
+};
+
+export default inject(({ auth, setup }) => {
+  const { culture, currentDeviceType } = auth.settingsStore;
+  const { user } = auth.userStore;
+  const locale = (user && user.cultureName) || culture || "en";
+
+  const {
+    getAllSessions,
+    removeAllSessions,
+    removeSession,
+    logoutVisible,
+    setLogoutVisible,
+    logoutAllVisible,
+    setLogoutAllVisible,
+    removeAllExecptThis,
+    sessionsIsInit,
+    sessions,
+    currentSession,
+    getSessions,
+    setSessions,
+  } = setup;
+
+  return {
+    locale,
+    getAllSessions,
+    removeAllSessions,
+    removeSession,
+    logoutVisible,
+    setLogoutVisible,
+    logoutAllVisible,
+    setLogoutAllVisible,
+    removeAllExecptThis,
+    sessionsIsInit,
+    sessions,
+    currentSession,
+    getSessions,
+    setSessions,
+    currentDeviceType,
+  };
+})(withTranslation(["Settings", "Common"])(observer(Sessions)));

packages/client/src/pages/PortalSettings/utils/settingsTree.js

@@ -200,6 +200,14 @@ export const settingsTree = [
         tKey: "AuditTrailNav",
         isCategory: true,
       },
+      {
+        id: "portal-settings_catalog-sessions",
+        key: "1-4",
+        icon: "",
+        link: "sessions",
+        tKey: "Sessions",
+        isCategory: true,
+      },
     ],
   },
   {

packages/client/src/routes/portalSettings.js

@@ -210,6 +210,10 @@ const PortalSettingsRoutes = {
       path: "security/audit-trail",
       element: <SecuritySettings />,
     },
+    {
+      path: "security/sessions",
+      element: <SecuritySettings />,
+    },
     {
       path: "security/access-portal/tfa",
       element: <TfaPage />,