Focus Mode: Use the symbol icon if a pattern is being edited (#52031)

WordPress · Jul 3, 2023 · ea6e8c5 · ea6e8c5
1 parent 7b8db97
commit ea6e8c5
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/edit-site/src/components/header-edit-mode/document-actions/index.js b/packages/edit-site/src/components/header-edit-mode/document-actions/index.js
@@ -20,6 +20,7 @@ import {
  chevronLeftSmall as chevronLeftSmallIcon,
  page as pageIcon,
  navigation as navigationIcon,
+ symbol,
 } from '@wordpress/icons';
 import { displayShortcut } from '@wordpress/keycodes';
 import { useState, useEffect, useRef } from '@wordpress/element';
@@ -118,10 +119,17 @@ function TemplateDocumentActions( { className, onBack } ) {
 
  const entityLabel = getEntityLabel( record.type );
 
+ let typeIcon = icon;
+ if ( record.type === 'wp_navigation' ) {
+ typeIcon = navigationIcon;
+ } else if ( record.type === 'wp_block' ) {
+ typeIcon = symbol;
+ }
+
  return (
  <BaseDocumentActions
  className={ className }
- icon={ record.type === 'wp_navigation' ? navigationIcon : icon }
+ icon={ typeIcon }
  onBack={ onBack }
  >
  <VisuallyHidden as="span">