Display: Fix show page when message has no tags - refs BT#21705

chamilo · Jun 11, 2024 · 1025d1d · 1025d1d
1 parent 6da6497
commit 1025d1d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/assets/css/scss/_messages.scss b/assets/css/scss/_messages.scss
@@ -9,6 +9,10 @@
     @apply flex justify-end gap-2 items-center;
   }
 
+  &__tags {
+    @apply flex gap-2;
+  }
+
   &__tag-searcher.field {
     @apply mb-0;
   }

diff --git a/assets/vue/views/message/MessageShow.vue b/assets/vue/views/message/MessageShow.vue
@@ -33,14 +33,19 @@
     </SectionHeader>
 
     <div class="message-show__tags-container">
-      <BaseChip
-        v-for="tag in myReceiver.tags"
-        :key="tag['@id']"
-        :value="tag"
-        is-removable
-        label-field="tag"
-        @remove="onRemoveTagFromMessage(tag)"
-      />
+      <div
+        v-if="myReceiver"
+        class="message-show__tags"
+      >
+        <BaseChip
+          v-for="tag in myReceiver.tags"
+          :key="tag['@id']"
+          :value="tag"
+          is-removable
+          label-field="tag"
+          @remove="onRemoveTagFromMessage(tag)"
+        />
+      </div>
 
       <BaseAutocomplete
         v-if="item.sender && item.sender['@id'] !== securityStore.user['@id']"