set allowed blocks

alleyinteractive · Nov 30, 2023 · f9df97c · f9df97c
1 parent 494fc9c
commit f9df97c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/blocks/post-featured-image/edit.tsx b/blocks/post-featured-image/edit.tsx
@@ -55,6 +55,7 @@ export default function Edit({
           <Placeholder
             className="block-editor-media-placeholder"
             style={{ aspectRatio: '16 / 9' }}
+            withIllustration
           />
         ) : null}
       </div>

diff --git a/blocks/post/edit.tsx b/blocks/post/edit.tsx
@@ -68,13 +68,22 @@ export default function Edit({
   const cutoff = new Date();
   cutoff.setMonth(cutoff.getMonth() - 3);
 
+  // TODO: Pass template and allowed blocks from PHP so they can be filtered.
   const MY_TEMPLATE = [
     ['wp-newsletter-builder/post-featured-image', {}],
     ['wp-newsletter-builder/post-title', {}],
     ['wp-newsletter-builder/post-byline', {}],
     ['wp-newsletter-builder/post-excerpt', {}],
     ['wp-newsletter-builder/post-read-more', {}],
   ];
+  const ALLOWED_BLOCKS = [
+    'wp-newsletter-builder/post-byline',
+    'wp-newsletter-builder/post-content',
+    'wp-newsletter-builder/post-excerpt',
+    'wp-newsletter-builder/post-featured-image',
+    'wp-newsletter-builder/post-read-more',
+    'wp-newsletter-builder/post-title',
+  ];
 
   return (
     <div {...useBlockProps({ className: `edit-${editPostType}` })}>
@@ -111,6 +120,8 @@ export default function Edit({
         <InnerBlocks
           // @ts-ignore
           template={MY_TEMPLATE}
+          allowedBlocks={ALLOWED_BLOCKS}
+          templateLock={false}
         />
       ) : null}
       <InspectorControls>