From 9ad720080858ada88c6fed4240c9b8bf7a331405 Mon Sep 17 00:00:00 2001
From: Elyor Djalilov <elyor.djalilov@onlyoffice.com>
Date: Tue, 26 Dec 2023 18:08:05 +0500
Subject: [PATCH] added sessions route

---
 .../categories/security/StyledSecurity.js     |  1 +
 .../categories/security/index.js              |  6 +++
 .../categories/security/sessions/index.js     | 53 +++++++++++++++++++
 .../PortalSettings/utils/settingsTree.js      |  8 +++
 packages/client/src/routes/portalSettings.js  |  4 ++
 5 files changed, 72 insertions(+)
 create mode 100644 packages/client/src/pages/PortalSettings/categories/security/sessions/index.js

diff --git a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js b/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js
index 8081c96ece..e95f232225 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js
+++ b/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};
   }
diff --git a/packages/client/src/pages/PortalSettings/categories/security/index.js b/packages/client/src/pages/PortalSettings/categories/security/index.js
index 2bb56c5d1c..3946bbd9eb 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/index.js
+++ b/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 () => {
diff --git a/packages/client/src/pages/PortalSettings/categories/security/sessions/index.js b/packages/client/src/pages/PortalSettings/categories/security/sessions/index.js
new file mode 100644
index 0000000000..e863b682a7
--- /dev/null
+++ b/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)));
diff --git a/packages/client/src/pages/PortalSettings/utils/settingsTree.js b/packages/client/src/pages/PortalSettings/utils/settingsTree.js
index a7d0508799..c850dc546a 100644
--- a/packages/client/src/pages/PortalSettings/utils/settingsTree.js
+++ b/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,
+      },
     ],
   },
   {
diff --git a/packages/client/src/routes/portalSettings.js b/packages/client/src/routes/portalSettings.js
index 1ce45bad8e..b74fd4b6b8 100644
--- a/packages/client/src/routes/portalSettings.js
+++ b/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 />,