diff --git a/packages/editor/src/components/entities-saved-states/entity-record-item.js b/packages/editor/src/components/entities-saved-states/entity-record-item.js index 15bdc8c2f22842..5377706c3a261f 100644 --- a/packages/editor/src/components/entities-saved-states/entity-record-item.js +++ b/packages/editor/src/components/entities-saved-states/entity-record-item.js @@ -1,11 +1,12 @@ /** * WordPress dependencies */ -import { CheckboxControl, PanelRow } from '@wordpress/components'; +import { Icon, CheckboxControl, Flex, PanelRow } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; import { useSelect } from '@wordpress/data'; import { store as coreStore } from '@wordpress/core-data'; import { decodeEntities } from '@wordpress/html-entities'; +import { connection } from '@wordpress/icons'; /** * Internal dependencies @@ -35,15 +36,31 @@ export default function EntityRecordItem( { record, checked, onChange } ) { ); return ( - - - + <> + + + + { record.hasMetaChanges && ( + + + + + { __( 'Block Bindings.' ) } + + + + ) } + ); } diff --git a/packages/editor/src/components/entities-saved-states/style.scss b/packages/editor/src/components/entities-saved-states/style.scss index f4e0c9f814c24f..a4ad3e94bd9e3b 100644 --- a/packages/editor/src/components/entities-saved-states/style.scss +++ b/packages/editor/src/components/entities-saved-states/style.scss @@ -37,3 +37,16 @@ height: $header-height + $border-width; } } + +.entities-saved-states__block-bindings { + margin-left: $grid-unit-30; + align-items: center; +} + +.entities-saved-states__connections-icon { + flex-grow: 0; +} + +.entities-saved-states__bindings-text { + flex-grow: 1; +}