diff --git a/packages/js/email-editor/src/components/template-select/select-modal.tsx b/packages/js/email-editor/src/components/template-select/select-modal.tsx index dd779b9b6c..58fdbaa9ef 100644 --- a/packages/js/email-editor/src/components/template-select/select-modal.tsx +++ b/packages/js/email-editor/src/components/template-select/select-modal.tsx @@ -36,11 +36,18 @@ function SelectTemplateBody( { hasEmailPosts, templates, handleTemplateSelection, + templateSelectMode, } ) { const [ selectedCategory, setSelectedCategory ] = useState( TemplateCategories[ 1 ].name // Show the “Basic” category by default ); + const hideRecentCategory = templateSelectMode === 'swap'; + + const displayCategories = TemplateCategories.filter( + ( { name } ) => name !== 'recent' || ! hideRecentCategory + ); + const handleCategorySelection = ( category: TemplateCategory ) => { recordEvent( 'template_select_modal_category_change', { category } ); setSelectedCategory( category ); @@ -48,7 +55,7 @@ function SelectTemplateBody( { useEffect( () => { setTimeout( () => { - if ( hasEmailPosts ) { + if ( hasEmailPosts && ! hideRecentCategory ) { setSelectedCategory( TemplateCategories[ 0 ].name ); } }, 1000 ); // using setTimeout to ensure the template styles are available before block preview @@ -57,7 +64,7 @@ function SelectTemplateBody( { return (
@@ -142,6 +149,7 @@ export function SelectTemplateModal( { hasEmailPosts={ hasEmailPosts } templates={ [ ...templates, ...emailPosts ] } handleTemplateSelection={ handleTemplateSelection } + templateSelectMode={ templateSelectMode } />