From 84bfb7b6d5b372a94f1c4ba9b637287c18f60152 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 28 May 2025 15:11:00 +0200
Subject: [PATCH] tracks select : add images to selector

---
 src/components/Selector.vue | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index 2f01586..c9558e0 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -13,7 +13,20 @@
       class="font-serif"
       data-icon="chevron-single-down"
       checkmark
-    />
+    >
+      <template #value="slotProps">
+        <div>
+          <img alt="" :src="getFrontViewUrl(current)" />
+          <div>{{ current.title }}</div>
+        </div>
+      </template>
+      <template #option="slotProps">
+        <div>
+          <img alt="" :src="getFrontViewUrl(slotProps.option)" />
+          <div>{{ slotProps.option.title }}</div>
+        </div>
+      </template>
+    </Select>
   </div>
 </template>
 
@@ -37,11 +50,12 @@ function changeCurrent(item) {
   emit('update:selectedItems', item);
 }
 
-function getFrontViewUrl(track) {
-  if (track.files.length > 1) {
-    return track.files[7].url;
+function getFrontViewUrl(item) {
+  // if (!item) return;
+  if (item.files.length > 1) {
+    return item.files[7].url;
   } else {
-    return track.files[0].url;
+    return item.files[0].url;
   }
 }
 </script>