use designId and content as fallback

Author: kaeizen

src/components/design-library-list/index.js

@@ -51,12 +51,12 @@ const DesignLibraryList = props => {
 		{ ! isBusy && <>
 			<div className={ listClasses }>
 				{ ( designs || [] ).map( ( design, i ) => {
-					const selectedNum = selectedDesigns.indexOf( design.id ) + 1
+					const selectedNum = selectedDesigns.indexOf( design.id || design.designId ) + 1
 					const selectedData = selectedNum ? selectedDesignData[ selectedNum - 1 ] : null
 
 					const previewProps = {
-						designId: design.id,
-						template: design.template,
+						designId: design.id || design.designId,
+						template: design.template || design.content,
 						category: design.category,
 						containerScheme: props.containerScheme,
 						backgroundScheme: props.backgroundScheme,

src/components/design-library-list/use-preview-renderer.js

@@ -167,7 +167,7 @@ export const usePreviewRenderer = (
 				for ( let i = 0; i < _content.length; i++ ) {
 					const section = _content[ i ]
 					const design = await fetchDesign( section.id )
-					const designContent = replacePlaceholders( design.template, design.category )
+					const designContent = replacePlaceholders( design.template || design.content, design.category )
 
 					categoriesRef.current.push( design.category )