- update AcfFieldTypeSettingsBlock to return a default card when Fiel…

…dTypeSettings have not been configured for a field type
wp-graphql · Dec 20, 2023 · dd8beb7 · dd8beb7
1 parent f182b43
commit dd8beb7
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/wp-blocks/AcfFieldTypeSettingsBlock.js b/wp-blocks/AcfFieldTypeSettingsBlock.js
@@ -48,6 +48,17 @@ export function AcfFieldTypeSettingsBlock({ fieldTypeSettingsBlockFields }) {
     }
   };
 
+
+  if ( ! fieldTypeSettings?.nodes?.length ) {
+    return (
+      <Card>
+        <CardHeader className="grid grid-cols-[1fr_110px] items-start space-y-2">
+          Field Type Settings not yet configured for this field type
+        </CardHeader>
+      </Card>
+    );
+  }
+
   return (
     <>
       <Card>
@@ -77,7 +88,7 @@ export function AcfFieldTypeSettingsBlock({ fieldTypeSettingsBlockFields }) {
         <CardFooter>
           <div className="flex justify-center items-center space-x-4 w-full">
             <Button variant="ghost" onClick={toggleAll} className="w-full">
-              {openItems.length === fieldTypeSettings.nodes.length ? 'Collapse All' : 'Expand All'}
+              {openItems.length === fieldTypeSettings?.nodes?.length ? 'Collapse All' : 'Expand All'}
             </Button>
           </div>
         </CardFooter>