second

src/App.tsx

@@ -10,10 +10,10 @@ const App = () => {
   const { isStylesheetLoaded } = useToggleStyle();
   const { pathname } = useLocation();
 
-  const {
+  // const {
-    settingsPanelConfig: { showSettingPanelButton },
+  //   settingsPanelConfig: { showSettingPanelButton },
-    setSettingsPanelConfig
+  //   setSettingsPanelConfig
-  } = useSettingsPanelContext();
+  // } = useSettingsPanelContext();
 
   const {
     config: { theme, isRTL }
@@ -24,11 +24,11 @@ const App = () => {
     window.scrollTo(0, 0);
   }, [pathname]);
 
-  useEffect(() => {
+  // useEffect(() => {
-    setSettingsPanelConfig({
+  //   setSettingsPanelConfig({
-      openSettingPanel: false
+  //     openSettingPanel: false
-    });
+  //   });
-  }, [isRTL]);
+  // }, [isRTL]);
 
   return (
     <>
@@ -46,12 +46,12 @@ const App = () => {
       ) : (
         <>
           <Outlet />
-          {showSettingPanelButton && (
+          {/*{showSettingPanelButton && (*/}
-            <>
+          {/*  <>*/}
-              <SettingsToggle />
+          {/*    <SettingsToggle />*/}
-              <SettingsPanel />
+          {/*    <SettingsPanel />*/}
-            </>
+          {/*  </>*/}
-          )}
+          {/*)}*/}
         </>
       )}
     </>

src/Routes.tsx

@@ -230,8 +230,16 @@ const routes: RouteObject[] = [
             element:  <div> body </div> 
           },
           {
-            element: <div>Channels</div>,
+            element: <div>monitor</div>,
-            path: '/channels'
+            path: '/monitor'
+          },
+          {
+            element: <div>log</div>,
+            path: '/log'
+          },
+          {
+            element: <div>Net</div>,
+            path: '/Network'
           },
           {
             path: '/dashboard',

src/layouts/MainLayout.tsx

@@ -30,10 +30,11 @@ const MainLayout = () => {
       {navbarPosition === 'dual' && <NavbarDual />} */}
 
       <div className={classNames(contentClass, 'content')}>
+
         <Outlet />
         <NavBarMy />
         <Footer className={classNames(footerClass, 'position-absolute')} />
-        <ChatWidget />
+
       </div>
     </Container>
   );

src/module-dimmer/NavBarMy.tsx

@@ -5,8 +5,10 @@ type NavItemPage = {
   path: string
 }
 const pages: NavItemPage[] = [
-  { label: 'Главная', path: '/' },
+  { label: 'управление', path: '/' },
-  { label: 'Каналы', path: '/channels' }
+  { label: 'Монмторинг', path: '/monitor' },
+  { label: 'Журнал', path: '/log'},
+  { label: 'Сеть', path: '/Network'}
 ]
 const NavbarTopNav = () => {
   return (