From fa3d96dbb3a6cbbbe63baca94435bec90fa84e2c Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Thu, 19 Sep 2024 15:39:52 +0200
Subject: [PATCH] Fix displaying of checklistitems for repository snapshots
 [SCI-11074]

---
 .../RepositoryChecklistValue.vue               | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
index ca18b6f0b..fd348a0a3 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
@@ -16,14 +16,14 @@
         >
       </select-dropdown>
     </div>
-    <div v-else-if="computedArrOfItemObjects && computedArrOfItemObjects.length > 0"
+    <div v-else-if="colVal && colVal.length > 0"
          class="text-sn-dark-grey font-inter text-sm font-normal leading-5 w-[370px] overflow-x-auto flex flex-wrap gap-1">
-      <span v-for="(checklistItem, index) in computedArrOfItemObjects"
+      <span v-for="(checklistItem, index) in colVal"
             :key="index"
             :id="`checklist-item-${index}`"
             class="flex w-fit break-words">
         {{
-          index + 1 === computedArrOfItemObjects.length
+          index + 1 === colVal.length
             ? checklistItem?.label
             : `${checklistItem?.label} |`
         }}
@@ -66,18 +66,6 @@ export default {
       this.selectedChecklistItemsIds = this.colVal.map((item) => String(item.value));
     }
   },
-  computed: {
-    computedArrOfItemObjects() {
-      const arrOfItemObjects = this.selectedChecklistItemsIds.map((id) => {
-        const matchingItem = this.availableChecklistItems.find((item) => item[0] === id);
-        return {
-          id: matchingItem ? matchingItem[0] : null,
-          label: matchingItem ? matchingItem[1] : null
-        };
-      });
-      return arrOfItemObjects;
-    }
-  },
   methods: {
     fetchChecklistItems() {
       this.isLoading = true;