From 791a9fe9c7da9155b31a8fc24d1019a18d7b9d10 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 4 Mar 2024 05:29:04 +0100
Subject: [PATCH] fix: misc

---
 app/src/components/ConfigPanel.vue                    |  1 +
 app/src/components/ConfigPanels.vue                   |  2 ++
 app/src/components/globals/formItems/TagsItem.vue     |  2 ++
 .../globals/formItems/TagsSelectizeItem.vue           |  2 ++
 app/src/views/app/AppCatalog.vue                      | 11 +----------
 app/src/views/app/AppInstall.vue                      |  2 +-
 app/src/views/group/GroupList.vue                     |  2 +-
 7 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/app/src/components/ConfigPanel.vue b/app/src/components/ConfigPanel.vue
index bd392ee7..cd868fad 100644
--- a/app/src/components/ConfigPanel.vue
+++ b/app/src/components/ConfigPanel.vue
@@ -1,5 +1,6 @@
 <template>
   <AbstractForm
+    v-if="panel"
     v-bind="{
       id: panel.id + '-form',
       validation,
diff --git a/app/src/components/ConfigPanels.vue b/app/src/components/ConfigPanels.vue
index c9991188..1ac211d6 100644
--- a/app/src/components/ConfigPanels.vue
+++ b/app/src/components/ConfigPanels.vue
@@ -31,6 +31,8 @@ import { validationMixin } from 'vuelidate'
 export default {
   name: 'ConfigPanels',
 
+  inheritAttrs: false,
+
   components: {
     RoutableTabs: () => import('@/components/RoutableTabs.vue'),
   },
diff --git a/app/src/components/globals/formItems/TagsItem.vue b/app/src/components/globals/formItems/TagsItem.vue
index 7f119d3a..c212287d 100644
--- a/app/src/components/globals/formItems/TagsItem.vue
+++ b/app/src/components/globals/formItems/TagsItem.vue
@@ -8,6 +8,7 @@
     :limit="limit"
     remove-on-delete
     :state="state"
+    :options="options"
     v-on="$listeners"
     @blur="$parent.$emit('touch', name)"
   />
@@ -30,6 +31,7 @@ export default {
     required: { type: Boolean, default: false },
     state: { type: Boolean, default: null },
     name: { type: String, default: null },
+    options: { type: Array, default: null },
   },
 }
 </script>
diff --git a/app/src/components/globals/formItems/TagsSelectizeItem.vue b/app/src/components/globals/formItems/TagsSelectizeItem.vue
index 9df90dac..5d36f1b3 100644
--- a/app/src/components/globals/formItems/TagsSelectizeItem.vue
+++ b/app/src/components/globals/formItems/TagsSelectizeItem.vue
@@ -95,6 +95,8 @@
 export default {
   name: 'TagsSelectizeItem',
 
+  inheritAttrs: false,
+
   props: {
     value: { type: Array, required: true },
     options: { type: Array, required: true },
diff --git a/app/src/views/app/AppCatalog.vue b/app/src/views/app/AppCatalog.vue
index 519e5b3b..cc7f9afe 100644
--- a/app/src/views/app/AppCatalog.vue
+++ b/app/src/views/app/AppCatalog.vue
@@ -164,15 +164,6 @@
       </BCard>
     </CardDeckFeed>
 
-    <app-catalog-details
-      v-if="selectedApp"
-      id="modal-app-info"
-      :app-id="selectedApp"
-      :antifeatures="antifeatures"
-      @ok="onInstallClick(selectedApp)"
-      @hide="selectedApp = undefined"
-    />
-
     <template #bot>
       <!-- INSTALL CUSTOM APP -->
       <CardForm
@@ -484,7 +475,7 @@ export default {
 
   .card {
     &:hover {
-      color: color-contrast($dark);
+      color: $white;
       background-color: $dark;
       border-color: $dark;
     }
diff --git a/app/src/views/app/AppInstall.vue b/app/src/views/app/AppInstall.vue
index ac7b8aea..b668a2ea 100644
--- a/app/src/views/app/AppInstall.vue
+++ b/app/src/views/app/AppInstall.vue
@@ -243,7 +243,7 @@ export default {
       name: undefined,
       form: undefined,
       fields: undefined,
-      validations: null,
+      validations: {},
       errors: undefined,
       serverError: '',
       force: false,
diff --git a/app/src/views/group/GroupList.vue b/app/src/views/group/GroupList.vue
index 50b6b774..03d14f80 100644
--- a/app/src/views/group/GroupList.vue
+++ b/app/src/views/group/GroupList.vue
@@ -99,7 +99,7 @@
       <template v-for="(userName, index) in activeUserGroups">
         <BRow :key="userName">
           <BCol md="3" lg="2">
-            <icon iname="user" /> <strong>{{ userName }}</strong>
+            <YIcon iname="user" /> <strong>{{ userName }}</strong>
           </BCol>
 
           <BCol>