Fix relationship fields with displayMode: 'cards' not using labels …

…in the Cell component (#6041)
keystonejs · Jul 1, 2021 · c536b47 · c536b47 · vercel · Jul 1, 2021
1 parent f6f77e4
commit c536b47
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/wise-news-share.md b/.changeset/wise-news-share.md
@@ -0,0 +1,5 @@
+---
+'@keystone-next/fields': patch
+---
+
+Fixed `relationship` field with `displayMode: 'cards'` not using labels for related items in the cell view.
diff --git a/packages-next/fields/src/types/relationship/index.ts b/packages-next/fields/src/types/relationship/index.ts
@@ -97,6 +97,7 @@ export const relationship =
                 inlineCreate: config.ui.inlineCreate ?? null,
                 inlineEdit: config.ui.inlineEdit ?? null,
                 inlineConnect: config.ui.inlineConnect ?? false,
+                refLabelField: adminMetaRoot.listsByKey[foreignListKey].labelField,
               }
             : config.ui?.displayMode === 'count'
             ? { displayMode: 'count' }

diff --git a/packages-next/fields/src/types/relationship/views/index.tsx b/packages-next/fields/src/types/relationship/views/index.tsx
@@ -384,6 +384,7 @@ export const controller = (
           inlineCreate: { fields: string[] } | null;
           inlineEdit: { fields: string[] } | null;
           inlineConnect: boolean;
+          refLabelField: string;
         }
       | { displayMode: 'count' }
     )
@@ -418,6 +419,7 @@ export const controller = (
           `${config.path}__id: id
            ${config.path} {
             id
+            label: ${config.fieldMeta.refLabelField}
            }`
         : config.fieldMeta.displayMode === 'count'
         ? `_${config.path}Meta {count}`