From a56a46236c7401496de86638300fa3df1f2d580e Mon Sep 17 00:00:00 2001
From: Timofey Boyko <timofey.boyko@onlyoffice.com>
Date: Mon, 25 Sep 2023 10:09:24 +0300
Subject: [PATCH] Web:Client:PortalSettings: add OAuth page

---
 .../developer-tools/OAuth/OAuth.types.ts      |  3 +
 .../categories/developer-tools/OAuth/index.js | 61 -------------------
 .../developer-tools/OAuth/index.tsx           | 10 +++
 .../categories/developer-tools/index.js       |  2 +
 packages/client/src/routes/portalSettings.js  | 12 ++++
 5 files changed, 27 insertions(+), 61 deletions(-)
 create mode 100644 packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/OAuth.types.ts
 delete mode 100644 packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.js
 create mode 100644 packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.tsx

diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/OAuth.types.ts b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/OAuth.types.ts
new file mode 100644
index 0000000000..cffe73e672
--- /dev/null
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/OAuth.types.ts
@@ -0,0 +1,3 @@
+export interface OAuthProps {}
+
+export interface OAuthStore {}
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.js
deleted file mode 100644
index 1743bbc51d..0000000000
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { withTranslation } from "react-i18next";
-import styled from "styled-components";
-import Box from "@docspace/components/box";
-import TextInput from "@docspace/components/text-input";
-import Textarea from "@docspace/components/textarea";
-import Label from "@docspace/components/label";
-import Checkbox from "@docspace/components/checkbox";
-import Button from "@docspace/components/button";
-import ComboBox from "@docspace/components/combobox";
-import Heading from "@docspace/components/heading";
-import { inject, observer } from "mobx-react";
-import { isMobile } from "react-device-detect";
-import BreakpointWarning from "SRC_DIR/components/BreakpointWarning";
-import List from "./sub-components/List";
-import DeleteDialog from "./sub-components/DeleteDialog";
-
-const OAuth = (props) => {
-  const {
-    t,
-    setDocumentTitle,
-    getClients,
-    deleteClient,
-    currentClient,
-  } = props;
-
-  const [isDeleteOpened, setIsDeleteOpened] = useState(false);
-
-  const closeDeleteModal = () => setIsDeleteOpened(false);
-  const openDeleteModal = () => setIsDeleteOpened(true);
-
-  useEffect(() => getClients(), []);
-
-  setDocumentTitle("OAuth");
-
-  return (
-    <>
-      <List openDeleteModal={openDeleteModal} />
-      <DeleteDialog
-        visible={isDeleteOpened}
-        onClose={closeDeleteModal}
-        handleSubmit={deleteClient}
-        currentClient={currentClient}
-      />
-    </>
-  );
-};
-
-export default inject(({ setup, auth, oauthStore }) => {
-  const { settingsStore, setDocumentTitle } = auth;
-  const { getClients, deleteClient, currentClient } = oauthStore;
-  const { theme } = settingsStore;
-
-  return {
-    theme,
-    setDocumentTitle,
-    getClients,
-    deleteClient,
-    currentClient,
-  };
-})(withTranslation(["Common"])(observer(OAuth)));
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.tsx b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.tsx
new file mode 100644
index 0000000000..fed19365f2
--- /dev/null
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { inject, observer } from "mobx-react";
+
+const OAuth = ({}) => {
+  return <div></div>;
+};
+
+export default inject(({}) => {
+  return {};
+})(observer(OAuth));
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/index.js
index a95e42339a..8243247011 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/index.js
@@ -17,6 +17,7 @@ import { isMobile, isMobileOnly } from "react-device-detect";
 import AppLoader from "@docspace/common/components/AppLoader";
 import SSOLoader from "./sub-components/ssoLoader";
 import { WebhookConfigsLoader } from "./Webhooks/sub-components/Loaders";
+import OAuth from "./OAuth";
 
 const StyledSubmenu = styled(Submenu)`
   .sticky {
@@ -75,6 +76,7 @@ const DeveloperToolsWrapper = (props) => {
       name: t("Webhooks:Webhooks"),
       content: <Webhooks />,
     },
+    { id: "oauth", name: "OAuth", content: <OAuth /> },
   ];
 
   const [currentTab, setCurrentTab] = useState(
diff --git a/packages/client/src/routes/portalSettings.js b/packages/client/src/routes/portalSettings.js
index 3d5713a706..a5d5039314 100644
--- a/packages/client/src/routes/portalSettings.js
+++ b/packages/client/src/routes/portalSettings.js
@@ -298,6 +298,18 @@ const PortalSettingsRoutes = {
       path: "developer-tools/webhooks/:id/:eventId",
       element: <WebhookDetails />,
     },
+    {
+      path: "developer-tools/oauth",
+      element: <DeveloperTools />,
+    },
+    {
+      path: "developer-tools/oauth/create/:id",
+      element: <DeveloperTools />,
+    },
+    {
+      path: "developer-tools/oauth/edit/:id",
+      element: <DeveloperTools />,
+    },
     {
       path: "backup",
       element: <Navigate to="backup/data-backup" />,