From 8ee54f0d879b5d224f9ef395af354ef35b5b1e09 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <enotcode@gmail.com>
Date: Tue, 25 Jul 2023 11:59:34 +0300
Subject: [PATCH] Management: init routing

---
 packages/management/src/Client.tsx    | 15 ++++++++++++++
 packages/management/src/bootstrap.tsx | 10 +++++----
 packages/management/src/router.tsx    | 29 +++++++++++++++++++++++++++
 3 files changed, 50 insertions(+), 4 deletions(-)
 create mode 100644 packages/management/src/Client.tsx
 create mode 100644 packages/management/src/router.tsx

diff --git a/packages/management/src/Client.tsx b/packages/management/src/Client.tsx
new file mode 100644
index 0000000000..6438c69c6e
--- /dev/null
+++ b/packages/management/src/Client.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { RouterProvider } from "react-router-dom";
+
+import ErrorBoundary from "@docspace/common/components/ErrorBoundary";
+import router from "./router";
+
+const Client = () => {
+  return (
+    <ErrorBoundary>
+      <RouterProvider router={router} />
+    </ErrorBoundary>
+  );
+};
+
+export default Client;
diff --git a/packages/management/src/bootstrap.tsx b/packages/management/src/bootstrap.tsx
index c4171efcbd..f0e83cd735 100644
--- a/packages/management/src/bootstrap.tsx
+++ b/packages/management/src/bootstrap.tsx
@@ -1,9 +1,11 @@
 import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App";
+import { createRoot } from "react-dom/client";
+import Client from "./Client";
 //import { registerSW } from "@docspace/common/sw/helper";
-const root = document.getElementById("root");
 
-if (root) ReactDOM.render(<App />, root);
+const container = document.getElementById("root");
+const root = createRoot(container);
+
+if (root) root.render(<Client />);
 
 //registerSW();
diff --git a/packages/management/src/router.tsx b/packages/management/src/router.tsx
new file mode 100644
index 0000000000..05b61ebbb1
--- /dev/null
+++ b/packages/management/src/router.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { createBrowserRouter, Navigate } from "react-router-dom";
+
+//import routes from "./routes";
+import Error404 from "client/Error404";
+
+import App from "./App";
+import Branding from "./categories/branding";
+
+const router = createBrowserRouter([
+  {
+    path: "/management",
+    element: <App />,
+    errorElement: <Error404 />,
+    children: [
+      { index: true, element: <Navigate to="/management/spaces" replace /> },
+      {
+        path: "spaces",
+        element: <h1>Spaces</h1>,
+      },
+      {
+        path: "branding",
+        element: <Branding />,
+      },
+    ],
+  },
+]);
+
+export default router;