From b6e00520135cb6ca7f6c847369c5bd0b4ea62431 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Tue, 14 Oct 2025 23:42:00 +0200
Subject: [PATCH] Update storage-overview.tsx

---
 AppImage/components/storage-overview.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/AppImage/components/storage-overview.tsx b/AppImage/components/storage-overview.tsx
index 2b08320..d85b32d 100644
--- a/AppImage/components/storage-overview.tsx
+++ b/AppImage/components/storage-overview.tsx
@@ -344,10 +344,10 @@ export function StorageOverview() {
   }
 
   const disksWithTemp = storageData.disks.filter((disk) => disk.temperature > 0)
-  const avgTemp =
+  const hottestDisk =
     disksWithTemp.length > 0
-      ? Math.round(disksWithTemp.reduce((sum, disk) => sum + disk.temperature, 0) / disksWithTemp.length)
-      : 0
+      ? disksWithTemp.reduce((hottest, disk) => (disk.temperature > hottest.temperature ? disk : hottest))
+      : null
 
   const totalProxmoxUsed =
     proxmoxStorage && proxmoxStorage.storage
@@ -402,14 +402,21 @@ export function StorageOverview() {
           </CardContent>
         </Card>
 
+        {/* Hottest Disk */}
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle className="text-sm font-medium">Avg Temperature</CardTitle>
+            <CardTitle className="text-sm font-medium">Hottest Disk</CardTitle>
             <Thermometer className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
           <CardContent>
-            <div className={`text-2xl font-bold ${getTempColor(avgTemp)}`}>{avgTemp > 0 ? `${avgTemp}°C` : "N/A"}</div>
-            <p className="text-xs text-muted-foreground mt-1">Across all disks</p>
+            <div
+              className={`text-2xl font-bold ${hottestDisk ? getTempColor(hottestDisk.temperature, hottestDisk.name, hottestDisk.rotation_rate) : "text-gray-500"}`}
+            >
+              {hottestDisk ? `${hottestDisk.temperature}°C` : "N/A"}
+            </div>
+            <p className="text-xs text-muted-foreground mt-1">
+              {hottestDisk ? `/dev/${hottestDisk.name}` : "No temperature data"}
+            </p>
           </CardContent>
         </Card>
       </div>