From 2f8cf462bb5701669298f205b86fd80a0ff163bb Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Wed, 1 Oct 2025 08:18:18 +0000
Subject: [PATCH] feat: add temperature monitoring status badge to node cards

- Display green 'Temperature' badge when temperature monitoring is active
- Shows on both PVE and PBS nodes in Settings page
- Badge appears alongside VMs, Containers, Storage, Backups badges
- Only displays when node.temperature.available is true

This provides clear visual feedback that SSH temperature monitoring
was successfully configured during setup.
---
 .../src/components/Settings/Settings.tsx         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend-modern/src/components/Settings/Settings.tsx b/frontend-modern/src/components/Settings/Settings.tsx
index b4fd41093..9a36ac298 100644
--- a/frontend-modern/src/components/Settings/Settings.tsx
+++ b/frontend-modern/src/components/Settings/Settings.tsx
@@ -1248,6 +1248,14 @@ const Settings: Component = () => {
                                           Backups
                                         </span>
                                       )}
+                                    {node.type === 'pve' &&
+                                      'temperature' in node &&
+                                      node.temperature &&
+                                      node.temperature.available && (
+                                        <span class="text-xs px-2 py-1 bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300 rounded">
+                                          Temperature
+                                        </span>
+                                      )}
                                   </div>
                                   <Show
                                     when={
@@ -1775,6 +1783,14 @@ const Settings: Component = () => {
                                           Prune Jobs
                                         </span>
                                       )}
+                                    {node.type === 'pbs' &&
+                                      'temperature' in node &&
+                                      node.temperature &&
+                                      node.temperature.available && (
+                                        <span class="text-xs px-2 py-1 bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300 rounded">
+                                          Temperature
+                                        </span>
+                                      )}
                                   </div>
                                 </div>
                               </div>