Web:Client:PortalSettings: add OAuth page

packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/OAuth.types.ts

@@ -0,0 +1,3 @@
+export interface OAuthProps {}
+
+export interface OAuthStore {}

packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/index.js

@@ -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)));

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));

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(

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" />,