diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index ff00514..5d7c351 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,8 +1,10 @@ import { useGpu } from "./hooks/useGpu"; import { useCurve } from "./hooks/useCurve"; import { useMonitor } from "./hooks/useMonitor"; +import { useDashboard } from "./hooks/useDashboard"; import { StatusBar } from "./components/Monitor/StatusBar"; import { LiveMonitor } from "./components/Monitor/LiveMonitor"; +import { Dashboard } from "./components/Dashboard/Dashboard"; import { CurveEditor } from "./components/CurveEditor/CurveEditor"; import { PointTable } from "./components/PointTable/PointTable"; import { PerformancePanel } from "./components/Limits/PerformancePanel"; @@ -89,12 +91,13 @@ function MainApp({ const gpuInfo = useGpu(); const { curve, wsStatus: curveWsStatus } = useCurve(); const { monitor, monitorHistory, wsStatus: monitorWsStatus } = useMonitor(); + const { dashboard, loading: dashboardLoading } = useDashboard(); const { setCurve, activeProfile, setActiveProfile, selectedGpuIndex } = useCurveStore(); - const [activeTab, setActiveTab] = useState<"curve" | "performance" | "fans">( - "curve", - ); + const [activeTab, setActiveTab] = useState< + "dashboard" | "curve" | "performance" | "fans" + >("dashboard"); const [fanState, setFanState] = useState(null); const [activeDomain, setActiveDomain] = useState<"gpu" | "memory">("gpu"); const [isProfileOpen, setIsProfileOpen] = useState(false); @@ -168,6 +171,12 @@ function MainApp({ {/* Tab Header and Profile Selector */}
+