diff --git a/src/components/CleanModeToggle.tsx b/src/components/CleanModeToggle.tsx
index d7c801d..4a7335c 100644
--- a/src/components/CleanModeToggle.tsx
+++ b/src/components/CleanModeToggle.tsx
@@ -10,13 +10,13 @@ interface CleanModeToggleProps {
export const CleanModeToggle = ({ cleanMode, onToggle }: CleanModeToggleProps) => {
return (
-
);
diff --git a/src/components/SystemTracker.tsx b/src/components/SystemTracker.tsx
index 3978590..f683e55 100644
--- a/src/components/SystemTracker.tsx
+++ b/src/components/SystemTracker.tsx
@@ -1,6 +1,4 @@
-
-import { useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
@@ -8,13 +6,16 @@ import { RefreshCw, AlertCircle, Radar } from "lucide-react";
import { SignatureCategories } from "@/components/SignatureCategories";
import { useSignatureCategories } from "@/hooks/useSignatureCategories";
import { toast } from "@/hooks/use-toast";
+import { CleanModeToggle } from "@/components/CleanModeToggle";
import pb from "@/lib/pocketbase";
interface SystemTrackerProps {
system: string;
+ cleanMode: boolean;
+ onCleanModeToggle: (enabled: boolean) => void;
}
-export const SystemTracker = ({ system }: SystemTrackerProps) => {
+export const SystemTracker = ({ system, cleanMode, onCleanModeToggle }: SystemTrackerProps) => {
const {
data: signaturesData,
refetch: refetchSignatures,
@@ -74,16 +75,19 @@ export const SystemTracker = ({ system }: SystemTrackerProps) => {
Polling
-
+
+
+
+
diff --git a/src/pages/SystemView.tsx b/src/pages/SystemView.tsx
index 0e44714..0eccf47 100644
--- a/src/pages/SystemView.tsx
+++ b/src/pages/SystemView.tsx
@@ -1,11 +1,9 @@
-
import { useParams, useNavigate } from "react-router-dom";
import { useEffect, useState } from "react";
import { toast } from "@/hooks/use-toast";
import { useQueryClient } from "@tanstack/react-query";
import { SystemTracker } from "@/components/SystemTracker";
import { RegionMap } from "@/components/RegionMap";
-import { CleanModeToggle } from "@/components/CleanModeToggle";
import { Header } from "@/components/Header";
import { parseSignature, parseScannedPercentage } from "@/utils/signatureParser";
import { getSystemId } from "@/utils/systemApi";
@@ -171,19 +169,15 @@ export const SystemView = () => {
- {/* Controls */}
-
-
-
Press Ctrl+V to paste signatures
-
-
-
-
{/* Main content - signatures */}
-
+
{/* Regional overview map */}