From 6e6272addad54bbe91b89de9b62a1fc7f57d83c5 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Sun, 3 Dec 2023 00:17:16 +0100
Subject: [PATCH 1/2] fix: fix issue with hidden LED groups

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/inputs/MiscellaneousLight.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/inputs/MiscellaneousLight.vue b/src/components/inputs/MiscellaneousLight.vue
index 2ccd2dbde..de882bdad 100644
--- a/src/components/inputs/MiscellaneousLight.vue
+++ b/src/components/inputs/MiscellaneousLight.vue
@@ -19,9 +19,7 @@
                 </v-subheader>
             </v-col>
         </v-row>
-        <template v-if="root && groups.length">
-            <miscellaneous-light v-for="group in groups" :key="group.id" :object="object" :group="group" />
-        </template>
+        <miscellaneous-light v-for="group in groups" :key="group.id" :object="object" :group="group" />
         <v-dialog v-model="boolDialog" persistent :width="400">
             <panel
                 :title="name"
@@ -157,6 +155,7 @@ interface ColorData {
 @Component({
     components: {
         ColorPicker,
+        MiscellaneousLight: () => import('@/components/inputs/MiscellaneousLight.vue'),
     },
 })
 export default class MiscellaneousLight extends Mixins(BaseMixin) {
@@ -344,6 +343,8 @@ export default class MiscellaneousLight extends Mixins(BaseMixin) {
     }
 
     get groups() {
+        if (!this.root) return []
+
         return (
             this.$store.getters['gui/miscellaneous/getEntryLightgroups']({
                 type: this.object.type,

From 80c5ac1bcc460890c15acf12296be56ab8bb7fa1 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Sun, 3 Dec 2023 00:18:16 +0100
Subject: [PATCH 2/2] refactor: refactor some code parts

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/inputs/MiscellaneousLight.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/inputs/MiscellaneousLight.vue b/src/components/inputs/MiscellaneousLight.vue
index de882bdad..57eee47b1 100644
--- a/src/components/inputs/MiscellaneousLight.vue
+++ b/src/components/inputs/MiscellaneousLight.vue
@@ -10,12 +10,12 @@
                         {{ mdiLightbulbOutline }}
                     </v-icon>
                     <span>{{ name }}</span>
-                    <v-spacer></v-spacer>
+                    <v-spacer />
                     <span
                         v-if="!root || groups.length === 0"
                         class="_currentState"
                         :style="currentStateStyle"
-                        @click="boolDialog = true"></span>
+                        @click="boolDialog = true" />
                 </v-subheader>
             </v-col>
         </v-row>
@@ -41,13 +41,13 @@
                                             :style="presetStyle(preset)"
                                             v-bind="attrs"
                                             v-on="on"
-                                            @click="usePreset(preset)"></div>
+                                            @click="usePreset(preset)" />
                                     </template>
                                     <span>{{ preset.name }}</span>
                                 </v-tooltip>
                             </v-col>
                         </v-row>
-                        <v-divider class="my-3"></v-divider>
+                        <v-divider class="my-3" />
                     </template>
                     <v-row>
                         <v-col class="text-center">