From 5b0798f743d9a7108b4c2733607c9c052f08b248 Mon Sep 17 00:00:00 2001
From: psankhe28 <sankhepratiksha3@gmail.com>
Date: Mon, 28 Aug 2023 14:01:36 +0530
Subject: [PATCH] App.js

---
 src/App.js | 146 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 138 insertions(+), 8 deletions(-)

diff --git a/src/App.js b/src/App.js
index 212daac..d3c454b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,20 +6,29 @@ import {
   useNavigate,
 } from "react-router-dom";
 import { Toaster } from "react-hot-toast";
-
+import "./App.css";
 import { SidebarComponent } from "./components/sidebar";
 import { MDBCol, MDBRow } from "mdb-react-ui-kit";
-import { useContext, useMemo, useState, useEffect } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { AppContext } from "./provider/contextProvider";
-import { useAuthContext } from "./provider/authProvider";
 import RequireAuth from "./hoc/requireAuth";
 import Loader from "./components/fullscreenLoader";
 import { useStore } from "./store";
-import { SuccessScreen, Dashboard, Login, Add } from "./pages";
+import { SuccessScreen, Dashboard, Login, Add, Overview } from "./pages";
 import { history } from "./utils/history";
-import { useAuth } from "./hooks/useAuth";
-import { AuthContext } from "./provider/authProvider";
 import useWindowSize from "./hooks/useWindow";
+import Uciapi from "./pages/monitoring/uci-api";
+import Inbound from "./pages/monitoring/inbound";
+import Orchestrator from "./pages/monitoring/orchestrator";
+import BroadcastTransformer from "./pages/monitoring/broadcast-transformer";
+import Outbound from "./pages/monitoring/outbound";
+import Transformer from "./pages/monitoring/transformer";
+import UCIAPIlogs from "./pages/monitoring/logs/uci-api";
+import InboundLogs from "./pages/monitoring/logs/inbound";
+import OrchestratorLogs from "./pages/monitoring/logs/orchestrator";
+import TransformerLogs from "./pages/monitoring/logs/transformer";
+import BroadcastTransformerLogs from "./pages/monitoring/logs/broadcast-transformer";
+import OutboundLogs from "./pages/monitoring/logs/outbound";
 
 function App() {
   const [isLoading, setIsLoading] = useState(false);
@@ -57,20 +66,21 @@ function App() {
   const user = useMemo(() => store.user, [store.user]);
 
   return (
-    <div style={{ height: "100vh", overflow: "scroll", ...theme }}>
+    <div style={{ height: "100vh", overflow: "hidden", ...theme }}>
       <AppContext.Provider value={values}>
         <>
           <Loader loading={showLoader} />
           <MDBRow>
             {user && (
               <MDBCol size={collapsed ? 1 : 2} className="p-0">
+                {" "}
                 <SidebarComponent
                   collapsed={collapsed}
                   handleCollapse={handleCollapse}
                 />
               </MDBCol>
             )}
-            <MDBCol size={collapsed ? 11 : 10}>
+            <MDBCol size={user && collapsed ? 11 : 10}>
               <Routes>
                 {user ? (
                   <Route path="/login" element={<Navigate to={pathName} />} />
@@ -101,6 +111,126 @@ function App() {
                     </RequireAuth>
                   }
                 />
+                <Route
+                  path="/monitoring"
+                  element={
+                    <RequireAuth>
+                      <Overview theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/overview"
+                  element={
+                    <RequireAuth>
+                      <Overview theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/uci-api"
+                  element={
+                    <RequireAuth>
+                      <Uciapi theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/inbound"
+                  element={
+                    <RequireAuth>
+                      <Inbound theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/orchestrator"
+                  element={
+                    <RequireAuth>
+                      <Orchestrator theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/broadcast-transformer"
+                  element={
+                    <RequireAuth>
+                      <BroadcastTransformer theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/outbound"
+                  element={
+                    <RequireAuth>
+                      <Outbound theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/transformer"
+                  element={
+                    <RequireAuth>
+                      <Transformer theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs"
+                  element={
+                    <RequireAuth>
+                      <UCIAPIlogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/uci-api"
+                  element={
+                    <RequireAuth>
+                      <UCIAPIlogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/inbound"
+                  element={
+                    <RequireAuth>
+                      <InboundLogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/orchestrator"
+                  element={
+                    <RequireAuth>
+                      <OrchestratorLogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/transformer"
+                  element={
+                    <RequireAuth>
+                      <TransformerLogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/broadcast-transformer"
+                  element={
+                    <RequireAuth>
+                      <BroadcastTransformerLogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
+                <Route
+                  path="/monitoring/logs/outbound"
+                  element={
+                    <RequireAuth>
+                      <OutboundLogs theme={store?.theme} />
+                    </RequireAuth>
+                  }
+                />
               </Routes>
             </MDBCol>
           </MDBRow>