From 5e15a423eee71cf59b63bf6be1c9b4047706c4e0 Mon Sep 17 00:00:00 2001
From: Antonio Anaya <antonio.anaya@kny5.work>
Date: Wed, 3 Jun 2026 21:43:26 -0600
Subject: [PATCH] ui_migration bugfix(component) add fallback override for img
 src

---
 webapp/src/components/genericComponents/miniStreamDisplay.vue | 4 +++-
 webapp/src/components/tabContentComponents/streamContent.vue  | 4 ----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/webapp/src/components/genericComponents/miniStreamDisplay.vue b/webapp/src/components/genericComponents/miniStreamDisplay.vue
index 76f1fd54..7d8ab644 100644
--- a/webapp/src/components/genericComponents/miniStreamDisplay.vue
+++ b/webapp/src/components/genericComponents/miniStreamDisplay.vue
@@ -5,7 +5,7 @@
     class="stream-display uk-width-1-1 uk-height-1-1 scrollTarget"
   >
     <img
-      v-show="isVisible && streamEnabled "
+      v-show="isVisible && streamEnabled"
       ref="click-frame"
       class="uk-align-center uk-margin-remove-bottom"
       :src="streamImgUri"
@@ -88,12 +88,14 @@ export default {
     );
     this.stopIntersectionObserver = stop;
   },
+
   beforeUnmount() {
     clearTimeout(this.observerTimeout); // Clean up the timer!
     if (this.stopIntersectionObserver) {
       this.stopIntersectionObserver();
     }
     this.store.removeStream(this.streamId);
+    // Override img source to single pixel and drop MJPEG stream
     const imgElement = this.$refs["click-frame"];
     if (imgElement) {
       imgElement.src = ONE_PIXEL_FALLBACK;
diff --git a/webapp/src/components/tabContentComponents/streamContent.vue b/webapp/src/components/tabContentComponents/streamContent.vue
index c267ddf6..425079ad 100644
--- a/webapp/src/components/tabContentComponents/streamContent.vue
+++ b/webapp/src/components/tabContentComponents/streamContent.vue
@@ -69,10 +69,6 @@ export default {
     streamEnabled: function () {
       return this.ready && !this.disableStream;
     },
-    streamOpen: function () {
-      // Only a single MJPEG connection should be open at a time
-      return !(this.displaySize[0] == 0) && !(this.displaySize[1] == 0);
-    },
     streamImgUri: function () {
       // Only request the real stream if it's enabled AND currently visible on screen
       if (this.isVisible && this.streamEnabled) {