Implement Distributed Regional Monitoring Agent with add form, API details, one-click install, and bash script generation. Refactor: Rename API Documentation to Regional Monitoring

2025-06-20 22:46:12 +07:00
parent 918a248b8f
commit ea95490f13
13 changed files with 977 additions and 38 deletions
@@ -0,0 +1,38 @@
+
+import React, { useState } from "react";
+import { Header } from "@/components/dashboard/Header";
+import { Sidebar } from "@/components/dashboard/Sidebar";
+import { authService } from "@/services/authService";
+import { useNavigate } from "react-router-dom";
+import { useSidebar } from "@/contexts/SidebarContext";
+import { RegionalMonitoringContent } from "@/components/regional-monitoring/RegionalMonitoringContent";
+
+const RegionalMonitoring = () => {
+  const { sidebarCollapsed, toggleSidebar } = useSidebar();
+  const currentUser = authService.getCurrentUser();
+  const navigate = useNavigate();
+
+  const handleLogout = () => {
+    authService.logout();
+    navigate("/login");
+  };
+
+  return (
+    <div className="flex h-screen bg-background text-foreground">
+      <Sidebar collapsed={sidebarCollapsed} />
+      <div className="flex flex-col flex-1 overflow-hidden">
+        <Header 
+          currentUser={currentUser} 
+          onLogout={handleLogout} 
+          sidebarCollapsed={sidebarCollapsed} 
+          toggleSidebar={toggleSidebar} 
+        />
+        <div className="flex-1 overflow-auto">
+          <RegionalMonitoringContent />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default RegionalMonitoring;