From 92ad9becef888b28ce2fd36da1654dd04303cccb Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 29 Nov 2023 16:08:19 +0100
Subject: [PATCH] (fix) Lost (A) in front of archived item on item card
 [SCI-9805]

---
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue | 7 +++++--
 app/javascript/vue/repository_item_sidebar/Title.vue      | 8 +++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 1bc1a3954..f27cdf0dd 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -12,8 +12,11 @@
           class="sticky top-0 right-0 bg-white flex z-50 flex-col h-[78px] pt-6">
           <div class="header flex w-full h-[30px] pr-6">
             <repository-item-sidebar-title v-if="defaultColumns"
-              :editable="permissions?.can_manage && !defaultColumns?.archived" :name="defaultColumns.name"
-              @update="update"></repository-item-sidebar-title>
+              :editable="permissions?.can_manage && !defaultColumns?.archived"
+              :name="defaultColumns.name"
+              :archived="defaultColumns.archived"
+              @update="update">
+            </repository-item-sidebar-title>
             <i id="close-icon" @click="toggleShowHideSidebar(null)"
               class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
           </div>
diff --git a/app/javascript/vue/repository_item_sidebar/Title.vue b/app/javascript/vue/repository_item_sidebar/Title.vue
index 72b8a80e2..230c00fb6 100644
--- a/app/javascript/vue/repository_item_sidebar/Title.vue
+++ b/app/javascript/vue/repository_item_sidebar/Title.vue
@@ -5,7 +5,7 @@
     :attributeName="`${i18n.t('repositories.item_card.header_title')}`" :singleLine="true"
     @editingEnabled="editingName = true" @editingDisabled="editingName = false" @update="updateName" @delete="handleDelete"></inline-edit>
   <h4 v-else class="item-name my-auto truncate text-xl" :title="name">
-    {{ name }}
+    {{ computedName }}
   </h4>
 </template>
 
@@ -21,6 +21,12 @@ export default {
   props: {
     editable: Boolean,
     name: String,
+    archived: Boolean,
+  },
+  computed: {
+    computedName() {
+      return this.archived ? `(A) ${this.name}` : this.name;
+    },
   },
   methods: {
     updateName(name) {