From e28a865416b4de36d42d0e9ef923444f70a0ce17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Jos=C3=A9=20Pereira?= <patrickelectric@gmail.com>
Date: Tue, 10 Feb 2026 15:59:09 -0300
Subject: [PATCH] frontend: components: health: HealthTrayMenu: Change disk
 warning icon to open disk page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
---
 .../src/components/health/HealthTrayMenu.vue  | 64 +++----------------
 1 file changed, 8 insertions(+), 56 deletions(-)

diff --git a/core/frontend/src/components/health/HealthTrayMenu.vue b/core/frontend/src/components/health/HealthTrayMenu.vue
index cce1cff5cb..7db0cbfe67 100644
--- a/core/frontend/src/components/health/HealthTrayMenu.vue
+++ b/core/frontend/src/components/health/HealthTrayMenu.vue
@@ -1,54 +1,14 @@
 <template>
   <v-row style="display: contents;">
-    <v-menu
-      :close-on-content-click="false"
-      nudge-left="150"
-      nudge-bottom="25"
+    <v-icon
+      v-if="disk_usage_high"
+      v-tooltip="`High disk usage! (${disk_usage_percent.toFixed(1)}%) please clean up the disk`"
+      class="px-1 blinking white-shadow"
+      color="red"
+      @click="$router.push('/tools/disk')"
     >
-      <template
-        #activator="{ on, attrs }"
-      >
-        <v-card
-          elevation="0"
-          color="transparent"
-          v-bind="attrs"
-          v-on="on"
-        >
-          <v-icon
-            v-if="disk_usage_high"
-            class="px-1 blinking white-shadow"
-            color="red"
-            :title="`High disk usage high! (${disk_usage_percent.toFixed(1)}%) please clean up the disk`"
-          >
-            mdi-content-save-alert
-          </v-icon>
-        </v-card>
-      </template>
-
-      <v-card
-        elevation="1"
-        width="350"
-      >
-        <v-container>
-          <div>
-            <table style="width: 100%">
-              <tr>
-                <td>Percentage (Full):</td>
-                <td>{{ disk_usage_percent.toFixed(1) }} %</td>
-              </tr>
-              <tr>
-                <td>Free:</td>
-                <td> {{ disk_free_friendly }}</td>
-              </tr>
-              <tr>
-                <td>Total:</td>
-                <td> {{ disk_size_friendly }}</td>
-              </tr>
-            </table>
-          </div>
-        </v-container>
-      </v-card>
-    </v-menu>
+      mdi-content-save-alert
+    </v-icon>
     <v-icon
       v-if="cpu_temperature_limit_reached"
       class="px-1 blinking white-shadow"
@@ -215,14 +175,6 @@ export default Vue.extend({
     disk_usage_percent(): number {
       return this.main_disk ? 100 - this.main_disk.available_space_B / this.main_disk.total_space_B / 0.01 : 0
     },
-    disk_size_friendly(): string {
-      const total_GB = (this.main_disk?.total_space_B ?? 0) / 2 ** 30
-      return `${total_GB.toFixed(3)} GB`
-    },
-    disk_free_friendly(): string {
-      const free_GB = (this.main_disk?.available_space_B ?? 0) / 2 ** 30
-      return `${free_GB.toFixed(3)} GB`
-    },
     disk_usage_high(): boolean {
       return this.disk_usage_percent > 85
     },