From 6f9cec1b2d58ce964eaaf4a9dd61268afddf1901 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Wed, 31 Aug 2022 12:44:18 +0200
Subject: [PATCH] Label select component Fixed label colors

---
 resources/ts/components/LabelSelectComponent.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/ts/components/LabelSelectComponent.vue b/resources/ts/components/LabelSelectComponent.vue
index 8a2a3cb..d0c2b14 100644
--- a/resources/ts/components/LabelSelectComponent.vue
+++ b/resources/ts/components/LabelSelectComponent.vue
@@ -7,12 +7,12 @@
       label="label"
       :options="labels"
     >
-      <template #option="{ option }: { option: SelectModel }">
+      <template #option="{ label, color }: { label: string, color: string }">
         <span
           class="py-1 px-2"
-          :style="`background-color: ${(option as SelectModel).color};color: ${invertColor((option as SelectModel).color, true)};`"
+          :style="`background-color: ${color};color: ${invertColor(color, true)};`"
         >
-          {{ String(option.label) }}
+          {{ String(label) }}
         </span>
       </template>
       <template #no-options>
@@ -44,14 +44,14 @@ export default defineComponent({
     const json = String(this.$attrs.json ?? "{}"),
           data = JSON.parse(json);
     this.name = data.name;
-    for (let label of data.value ?? []) {
+    for (const label of data.value ?? []) {
       this.selectedLabels.push({
         label: label.name,
         value: label.id,
         color: label.color,
       });
     }
-    for (let label of data.labels) {
+    for (const label of data.labels) {
       this.labels.push({
         label: label.name,
         value: label.id,