ListViewBranch: refactor to make flattenBlockTree function a reducer

WordPress · Aug 16, 2022 · 8ac24f7 · 8ac24f7
1 parent 587329e
commit 8ac24f7
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/packages/block-editor/src/components/list-view/branch.js b/packages/block-editor/src/components/list-view/branch.js
@@ -75,16 +75,6 @@ const countReducer =
 		return count + 1;
 	};
 
-function getIdsTreeFlat( blocks ) {
-	return blocks.reduce( ( result, { clientId, innerBlocks } ) => {
-		return [
-			...result,
-			{ clientId, innerBlocks: [] },
-			...getIdsTreeFlat( innerBlocks ),
-		];
-	}, [] );
-}
-
 function ListViewBranch( props ) {
 	const {
 		parentId,
@@ -110,9 +100,16 @@ function ListViewBranch( props ) {
 		},
 		[ parentId ]
 	);
+	const flattenBlockTree = ( result, { clientId, innerBlocks } ) => {
+		return [
+			...result,
+			{ clientId, innerBlocks: [] },
+			...innerBlocks.reduce( flattenBlockTree, [] ),
+		];
+	};
 	const filteredBlocks = useMemo( () => {
 		if ( isContentLocked ) {
-			return getIdsTreeFlat( blocks ).filter( Boolean );
+			return blocks.reduce( flattenBlockTree, [] ).filter( Boolean );
 		}
 		return blocks.filter( Boolean );
 	}, [ isContentLocked, blocks ] );