Add Convert to Regular Blocks button to ellipsis Dropdown (#32310)

* Add Convert to Regular Blocks button to ellipsis Dropdown

* Update title to "Convert to regular blocks"

Co-authored-by: Nik Tsekouras <[email protected]>

Co-authored-by: Nik Tsekouras <[email protected]>

packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js

@@ -4,14 +4,19 @@
 import { MenuItem } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { isReusableBlock } from '@wordpress/blocks';
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import {
 	BlockSettingsMenuControls,
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { addQueryArgs } from '@wordpress/url';
 import { store as coreStore } from '@wordpress/core-data';
 
+/**
+ * Internal dependencies
+ */
+import { store as reusableBlocksStore } from '../../store';
+
 function ReusableBlocksManageButton( { clientId } ) {
 	const { isVisible } = useSelect(
 		( select ) => {
@@ -33,6 +38,10 @@ function ReusableBlocksManageButton( { clientId } ) {
 		[ clientId ]
 	);
 
+	const {
+		__experimentalConvertBlockToStatic: convertBlockToStatic,
+	} = useDispatch( reusableBlocksStore );
+
 	if ( ! isVisible ) {
 		return null;
 	}
@@ -44,6 +53,9 @@ function ReusableBlocksManageButton( { clientId } ) {
 			>
 				{ __( 'Manage Reusable blocks' ) }
 			</MenuItem>
+			<MenuItem onClick={ () => convertBlockToStatic( clientId ) }>
+				{ __( 'Convert to regular blocks' ) }
+			</MenuItem>
 		</BlockSettingsMenuControls>
 	);
 }