From e445fbe5cc918e5a38754f3e2cbe5d2b73b19636 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Sat, 7 Oct 2023 20:28:46 +0200
Subject: [PATCH] fix: fix webcam switch button (#1589)

---
 src/components/panels/WebcamPanel.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/panels/WebcamPanel.vue b/src/components/panels/WebcamPanel.vue
index 9ed38b488..652c3e5c8 100644
--- a/src/components/panels/WebcamPanel.vue
+++ b/src/components/panels/WebcamPanel.vue
@@ -8,8 +8,8 @@
         :collapsible="$route.fullPath !== '/cam'"
         card-class="webcam-panel"
         :margin-bottom="currentPage !== 'page'">
-        <template v-if="webcams.length > 1" #buttons>
-            <v-menu :offset-y="true" title="Webcam">
+        <template #buttons>
+            <v-menu v-if="showSwitch" :offset-y="true">
                 <template #activator="{ on, attrs }">
                     <v-btn text tile v-bind="attrs" v-on="on">
                         <v-icon v-if="'icon' in currentCam" small class="mr-2">
@@ -33,7 +33,7 @@
                             <v-icon small class="mt-1">{{ convertWebcamIcon(webcam.icon) }}</v-icon>
                         </v-list-item-icon>
                         <v-list-item-content>
-                            <v-list-item-title v-text="webcam.name"></v-list-item-title>
+                            <v-list-item-title v-text="webcam.name" />
                         </v-list-item-content>
                     </v-list-item>
                 </v-list>
@@ -77,6 +77,10 @@ export default class WebcamPanel extends Mixins(BaseMixin, WebcamMixin) {
         return this.$store.getters['gui/webcams/getWebcams']
     }
 
+    get showSwitch() {
+        return this.webcams.length > 1
+    }
+
     // id changed to name with the refactoring of using moonraker webcam API
     get currentCamId(): string {
         if (this.webcams.length === 1) return this.webcams[0].name ?? 'all'