refacto choice component

Kredeum · Feb 1, 2024 · a5278f8 · a5278f8
1 parent 7e012c4
commit a5278f8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/svelte/components/Input/Config/ConfigFieldChoice.svelte b/svelte/components/Input/Config/ConfigFieldChoice.svelte
@@ -5,7 +5,9 @@
   export let namespace;
 
   $: attribute = attributes[namespace];
+  $: fieldsGroups = attribute.fieldsGroups;
   $: defaultChoice = attribute.default.value;
+  $: defaultChoiceDisplay = attribute.fieldsGroups[defaultChoice].display;
 
   let open = false;
 
@@ -20,13 +22,13 @@
 >
   <div class="select" class:open>
     <div class="select-trigger">
-      <span>{attribute.fieldsGroups[defaultChoice].display}</span>
+      <span>{defaultChoiceDisplay}</span>
     </div>
 
     <div class="custom-options">
-      {#each Object.entries(attribute.fieldsGroups) as [key, choice]}
+      {#each Object.entries(fieldsGroups) as [key, choice]}
         <span
-          class="custom-option {key == attribute.default.value && 'selected'}"
+          class="custom-option {key == defaultChoice && 'selected'}"
           on:click={() => (attributes[namespace].default.value = key)}
           on:keydown={() => (attributes[namespace].default.value = key)}
         >