From de0e74820c4ed7a9e9a5e840060cbdf55aa7f79d Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Fri, 5 Sep 2025 17:27:34 +0100
Subject: [PATCH] Reload background detect settings when tab opened

---
 .../backgroundDetectComponents/paneBackgroundDetect.vue  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
index 2e7f1eba..808aa375 100644
--- a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
+++ b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="uk-padding-small">
+  <div class="uk-padding-small" v-observe-visibility="visibilityChanged">
     <div>
       <ul uk-accordion="multiple: true">
         <li>
@@ -30,7 +30,7 @@
         />
       </div>
       <div class="uk-margin">
-        <!--Once status is read this should be disabled id not ready..-->
+        <!--Once status is read this should be disabled if not ready..-->
         <action-button
           thing="camera"
           action="image_is_sample"
@@ -71,6 +71,11 @@ export default {
   },
 
   methods: {
+    visibilityChanged(isVisible) {
+      if (isVisible) {
+        this.readSettings();
+      }
+    },
     alertBackgroundSet() {
       this.modalNotify(`Background image has been updated`);
     },