Fall back to page properties if no display fields are specified (keyc…

…loak#31769) Closes keycloak/keycloak-quickstarts#587 Signed-off-by: Erik Jan de Wit <[email protected]> Co-authored-by: Jon Koops <[email protected]>
bosch-io · Jul 30, 2024 · 1fe5082 · 1fe5082
1 parent 07cfdac
commit 1fe5082
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/js/apps/admin-ui/src/page/Page.tsx b/js/apps/admin-ui/src/page/Page.tsx
@@ -60,8 +60,10 @@ export default function Page() {
       <DeleteConfirm />
       <ViewHeader
         titleKey={
-          get(pageData, `config.${page.metadata.displayFields[0]}`)?.[0] ||
-          t("createItem")
+          get(
+            pageData,
+            `config.${page.metadata.displayFields?.[0] || page.properties[0].name}`,
+          )?.[0] || t("createItem")
         }
         dropdownItems={
           id

diff --git a/js/apps/admin-ui/src/page/PageList.tsx b/js/apps/admin-ui/src/page/PageList.tsx
@@ -116,7 +116,10 @@ export default function PageList() {
         searchPlaceholderKey="searchItem"
         loader={loader}
         columns={[
-          ...page.metadata.displayFields.map((name: string, index: number) => ({
+          ...(
+            page.metadata.displayFields ||
+            page.properties.slice(0, 3).map((p) => p.name)
+          ).map((name: string, index: number) => ({
             name: `config.${name}[0]`,
             displayKey: page.properties.find((p) => p.name === name)!.label,
             cellRenderer: