feat: Implement instance monitoring dashboard

2025-06-30 23:01:33 +07:00
parent 4bfeb42142
commit 691cd4f298
19 changed files with 2546 additions and 0 deletions
@@ -0,0 +1,34 @@
+
+import { useTheme } from "@/contexts/ThemeContext";
+
+export const useChartConfig = () => {
+  const { theme } = useTheme();
+
+  const chartConfig = {
+    cpuUsage: {
+      label: "CPU Usage (%)",
+      color: theme === 'dark' ? "#60a5fa" : "#3b82f6",
+    },
+    ramUsagePercent: {
+      label: "RAM Usage (%)",
+      color: theme === 'dark' ? "#34d399" : "#10b981",
+    },
+    diskUsagePercent: {
+      label: "Disk Usage (%)",
+      color: theme === 'dark' ? "#fbbf24" : "#f59e0b",
+    },
+    networkRx: {
+      label: "Network RX",
+      color: theme === 'dark' ? "#a78bfa" : "#8b5cf6",
+    },
+    networkTx: {
+      label: "Network TX",
+      color: theme === 'dark' ? "#f87171" : "#ef4444",
+    },
+  };
+
+  const getGridColor = () => theme === 'dark' ? '#374151' : '#e5e7eb';
+  const getAxisColor = () => theme === 'dark' ? '#9ca3af' : '#6b7280';
+
+  return { chartConfig, getGridColor, getAxisColor, theme };
+};