From 9289b36898d15e03711717f195f2580309a33c4b Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 25 Apr 2024 17:33:01 -0300
Subject: [PATCH] Pre-defines selected item tab on relationship component when
 only one item can be selected.

---
 .../relationship/TainacanRelationship.vue            | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/admin/components/metadata-types/relationship/TainacanRelationship.vue b/src/views/admin/components/metadata-types/relationship/TainacanRelationship.vue
index 520d25389..93b339e80 100644
--- a/src/views/admin/components/metadata-types/relationship/TainacanRelationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/TainacanRelationship.vue
@@ -4,7 +4,7 @@
                 v-model="activeTab"
                 size="is-small"
                 animated>
-            <b-tab-item :label="$i18n.get('label_insert_items')">
+            <b-tab-item :label="( itemMetadatum.value.length == 1 || itemMetadatum.metadatum.multiple != 'yes' ) ? $i18n.get('label_select_item') : $i18n.get('label_insert_items')">
                 <b-taginput
                         :id="relationshipInputId"
                         expanded
@@ -254,6 +254,9 @@
                                     img: this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small', item.document_mimetype)
                                 });
                             }
+
+                            if ( this.itemMetadatum.value.length > 0 && this.itemMetadatum.metadatum.multiple != 'yes' )
+                                this.activeTab = 1;
                         }
                     })
                     .catch(error => {
@@ -534,7 +537,7 @@
     }
     :deep(.tainacan-relationship-results-container) {
         border: 1px solid var(--tainacan-gray1);
-        background-color: var(--tainacan-white);
+        background-color: var(--tainacan-background-color);
         margin-top: calc(-1 * (0.5em + 1px));
         margin-bottom: calc(-1 * (0.5em + 1px));
         display: flex;
@@ -544,7 +547,10 @@
         transition: height 0.5s ease, min-height 0.5s ease;
 
         .tainacan-relationship-group {
-            padding-bottom: 12px;
+            &:not(:only-child) {
+                padding-bottom: 12px;
+            }
+
             .tainacan-relationship-metadatum {
                 .tainacan-metadatum .label {
                     font-size: 0.75em;