Dev

client/src/components/Bytes.tsx

@@ -7,7 +7,6 @@ import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts';
 import {
   Card,
   CardContent,
-  CardDescription,
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';

client/src/components/EnhancedRecentUsage.tsx

@@ -76,7 +76,7 @@ const calculatePeak24h = (
   if (points.length === 0) return 0;
 
   // Get all values and find the maximum
-  const values = points.map((point) => {
+  const values = points.map((point: any) => {
     const rawValue = point.value?.doubleValue ?? 0;
     return convertToPercentage ? rawValue * 100 : rawValue;
   });
@@ -94,12 +94,12 @@ const calculateAverage24h = (
   const points = timeSeries[0].points;
   if (points.length === 0) return 0;
 
-  const values = points.map((point) => {
+  const values = points.map((point: any) => {
     const rawValue = point.value?.doubleValue ?? 0;
     return convertToPercentage ? rawValue * 100 : rawValue;
   });
 
-  const sum = values.reduce((acc, val) => acc + val, 0);
+  const sum = values.reduce((acc: number, val: number) => acc + val, 0);
   return sum / values.length;
 };
 

client/src/hooks/useNotifications.tsx

@@ -20,14 +20,12 @@ export interface K8sNotification {
 
 export const useNotifications = () => {
   const [notifications, setNotifications] = useState<K8sNotification[]>([]);
-  const [socket, setSocket] = useState<Socket | null>(null);
   const [isConnected, setIsConnected] = useState(false);
 
   useEffect(() => {
     const socketInstance = io(
       import.meta.env.VITE_API_URL || 'http://localhost:3000',
     );
-    setSocket(socketInstance);
 
     socketInstance.on('connect', () => {
       setIsConnected(true);