From 2d37915b500e28af510f099f10c5b6b4617cb876 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 18 Jul 2025 16:34:41 +0200
Subject: [PATCH] kanban > virtual sample step : fix getFrontView function when
 number of x front views is odd

---
 src/components/project/cards/Images.vue        | 14 ++++++++++++--
 src/components/project/cards/VirtualSample.vue |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/project/cards/Images.vue b/src/components/project/cards/Images.vue
index b76ad66..346b4b2 100644
--- a/src/components/project/cards/Images.vue
+++ b/src/components/project/cards/Images.vue
@@ -11,8 +11,16 @@
       :data-count="images.length"
       :data-plus="images.length > 3 ? images.length - 3 : undefined"
     >
-      <template v-for="image in images.slice(0, 3)" :key="image.uuid">
-        <img v-if="image.url" :src="image.url" :alt="image.alt" loading="lazy">
+      <template
+        v-for="(image, index) in images.slice(0, 3)"
+        :key="'image-' + index"
+      >
+        <img
+          v-if="image.url"
+          :src="image.url"
+          :alt="image.alt"
+          loading="lazy"
+        />
         <div v-else class="card__images" data-icon="document"></div>
       </template>
     </figure>
@@ -43,6 +51,8 @@ const { images, step, uri } = defineProps({
   uri: String,
 });
 
+console.log(images);
+
 const { isDesignToLightStep } = useDesignToLightStore();
 
 const commentsCount = computed(() => {
diff --git a/src/components/project/cards/VirtualSample.vue b/src/components/project/cards/VirtualSample.vue
index c81115a..0e73a20 100644
--- a/src/components/project/cards/VirtualSample.vue
+++ b/src/components/project/cards/VirtualSample.vue
@@ -29,7 +29,7 @@ function getFrontView(track) {
   const xMax = parseInt(
     track.files[track.files.length - 1].name.split('_')[1].split('.')[0]
   );
-  const xFrontView = (xMax + 1) / 2;
+  const xFrontView = Math.round((xMax + 1) / 2);
   const extension = track.files[0].name.split('.')[1];
   const frontViewName = '0_' + xFrontView + '.' + extension;
   const frontView = track.files.find((file) => file.name === frontViewName);