From 76ae3a1331879aed47f5e6a568f79a96ec64682b Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Thu, 22 Aug 2024 15:55:40 +0200
Subject: [PATCH] Display relationship header

---
 .../grid/controls/ColumnsSettingContent.svelte        | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte b/packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte
index 7cae9ae5fa..2316f813fa 100644
--- a/packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte
+++ b/packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte
@@ -220,10 +220,15 @@
 {#if allowRelationshipSchemas}
   <Popover
     on:close={() => (relationshipFieldName = null)}
-    open={!!relationshipField}
+    open={relationshipFieldName}
     anchor={relationshipPanelAnchor}
     align="right-outside"
   >
+    {#if relationshipPanelColumns.length}
+      <div class="relationship-header">
+        {relationshipFieldName} columns
+      </div>
+    {/if}
     <svelte:self
       columns={relationshipPanelColumns}
       permissions={[FieldPermissions.READONLY, FieldPermissions.HIDDEN]}
@@ -269,4 +274,8 @@
     display: flex;
     gap: var(--spacing-xs);
   }
+  .relationship-header {
+    color: var(--spectrum-global-color-gray-600);
+    padding: 12px 12px 0 12px;
+  }
 </style>