From 2a92d9f24c2a42bb98e0fbfde93ff79ffd20d2aa Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Fri, 23 May 2025 21:09:46 +0200
Subject: [PATCH] Refactor FlatSelectInput Component to Simplify Template
 Structure

- Removed the conditional rendering of the selected options slot in `FlatSelectInput.vue`, streamlining the template for better readability and maintainability. This change focuses on enhancing the component's clarity by eliminating unnecessary complexity in the markup.

These modifications aim to improve the overall structure of the FlatSelectInput component, making it easier to understand and work with in future development.
---
 client/components/forms/FlatSelectInput.vue    | 18 ------------------
 .../components/HiddenRequiredDisabled.vue      | 12 ++++++------
 2 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/client/components/forms/FlatSelectInput.vue b/client/components/forms/FlatSelectInput.vue
index 15d7091f..962c6cd8 100644
--- a/client/components/forms/FlatSelectInput.vue
+++ b/client/components/forms/FlatSelectInput.vue
@@ -24,24 +24,6 @@
       <template
         v-if="options && options.length"
       >
-        <div v-if="multiple && compVal && compVal.length" class="px-3 py-2">
-          <slot
-            name="selected"
-            :option="selectedOptions"
-            :option-name="multiple ? getSelectedOptionsNames().join(', ') : getOptionName(selectedOptions)"
-          >
-            <div class="flex items-center truncate">
-              <span
-                class="truncate"
-                :class="[
-                  theme.FlatSelectInput.fontSize,
-                ]"
-              >
-                {{ getSelectedOptionsNames().join(', ') }}
-              </span>
-            </div>
-          </slot>
-        </div>
         <div
           v-for="(option) in options"
           :key="option[optionKey]"
diff --git a/client/components/open/forms/fields/components/HiddenRequiredDisabled.vue b/client/components/open/forms/fields/components/HiddenRequiredDisabled.vue
index 68c4bead..d9d13003 100644
--- a/client/components/open/forms/fields/components/HiddenRequiredDisabled.vue
+++ b/client/components/open/forms/fields/components/HiddenRequiredDisabled.vue
@@ -62,21 +62,21 @@ const options = ref([
   { 
     name: 'required', 
     label: 'Required', 
-    icon: 'ph:asterisk-bold',
-    selectedIcon: 'ph:asterisk-bold',
+    icon: 'i-ph-asterisk-bold',
+    selectedIcon: 'i-ph-asterisk-bold',
     iconClass: (isActive) => isActive ? 'text-red-500' : '',
   },
   { 
     name: 'hidden', 
     label: 'Hidden', 
-    icon: 'heroicons:eye',
-    selectedIcon: 'heroicons:eye-slash-solid',
+    icon: 'i-heroicons-eye',
+    selectedIcon: 'i-heroicons-eye-slash-solid',
   },
   { 
     name: 'disabled', 
     label: 'Disabled', 
-    icon: 'heroicons:lock-open',
-    selectedIcon: 'heroicons:lock-closed-solid',
+    icon: 'i-heroicons-lock-open',
+    selectedIcon: 'i-heroicons-lock-closed-solid',
   }
 ])