Tidy

packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte

@@ -115,13 +115,14 @@
   })
 
   let relationshipPanelColumns = []
-  $: {
+  async function fetchRelationshipPanelColumns(relationshipField) {
     relationshipPanelColumns = []
-    if (relationshipField) {
+    if (!relationshipField) {
-      cache.actions.getTable(relationshipField.tableId).then(table => {
+      return
-        relationshipPanelColumns = Object.entries(
+    }
-          relationshipField?.schema || {}
+
-        )
+    const table = await cache.actions.getTable(relationshipField.tableId)
+    relationshipPanelColumns = Object.entries(relationshipField?.schema || {})
       .map(([name, column]) => {
         return {
           name: name,
@@ -135,15 +136,10 @@
         }
       })
       .sort((a, b) =>
-            a.primaryDisplay === b.primaryDisplay
+        a.primaryDisplay === b.primaryDisplay ? 0 : a.primaryDisplay ? -1 : 1
-              ? 0
-              : a.primaryDisplay
-              ? -1
-              : 1
       )
-      })
-    }
   }
+  $: fetchRelationshipPanelColumns(relationshipField)
 
   async function toggleColumn(column, permission) {
     const visible = permission !== FieldPermissions.HIDDEN
@@ -217,7 +213,7 @@
 {#if allowRelationshipSchemas}
   <Popover
     on:close={() => (relationshipFieldName = null)}
-    open={!!relationshipPanelColumns}
+    open={!!relationshipField}
     anchor={relationshipPanelAnchor}
     align="right-outside"
   >