From 636d47973b00355f9a6cbdf4ac69e2bc34ccbc89 Mon Sep 17 00:00:00 2001
From: thisissandip <69596988+thisissandip@users.noreply.github.com>
Date: Tue, 1 Jun 2021 18:38:59 +0530
Subject: [PATCH] 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 <ntsekouras@outlook.com>

Co-authored-by: Nik Tsekouras <ntsekouras@outlook.com>
---
 .../reusable-blocks-manage-button.js               | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js b/packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js
index cb478855c757af..94e1e1d2f17355 100644
--- a/packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js
+++ b/packages/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js
@@ -4,7 +4,7 @@
 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,
@@ -12,6 +12,11 @@ import {
 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>
 	);
 }