From 1f343f49843caf19dce3a25ba99e222e65e4dd89 Mon Sep 17 00:00:00 2001
From: Omar Alshaker <omar@omaralshaker.com>
Date: Fri, 24 May 2024 00:07:11 +0200
Subject: [PATCH] Fix Help Centers Icon Scope

To support WP 6.5
---
 .../help-center/src/help-center.js               | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/apps/editing-toolkit/editing-toolkit-plugin/help-center/src/help-center.js b/apps/editing-toolkit/editing-toolkit-plugin/help-center/src/help-center.js
index a4ff6fc87c141..2fe86cd57635a 100644
--- a/apps/editing-toolkit/editing-toolkit-plugin/help-center/src/help-center.js
+++ b/apps/editing-toolkit/editing-toolkit-plugin/help-center/src/help-center.js
@@ -14,14 +14,6 @@ import { whatsNewQueryClient } from '../../common/what-new-query-client';
 import CalypsoStateProvider from './CalypsoStateProvider';
 import useActionHooks from './use-action-hooks';
 
-// Implement PinnedItems to avoid importing @wordpress/interface.
-// Because @wordpress/interface depends on @wordpress/preferences which is not always available outside the editor,
-// causing the script to not be enqueued due to the missing dependency.
-// check https://github.com/Automattic/wp-calypso/pull/74122 for more details.
-function PinnedItems( { scope, ...props } ) {
-	return <Fill name={ `PinnedItems/${ scope }` } { ...props } />;
-}
-
 function HelpCenterContent() {
 	const [ helpIconRef, setHelpIconRef ] = useState();
 	const isDesktop = useMediaQuery( '(min-width: 480px)' );
@@ -74,13 +66,7 @@ function HelpCenterContent() {
 
 	return (
 		<>
-			{ isDesktop && showHelpIcon && (
-				<>
-					<PinnedItems scope="core/edit-post">{ content }</PinnedItems>
-					<PinnedItems scope="core/edit-site">{ content }</PinnedItems>
-					<PinnedItems scope="core/edit-widgets">{ content }</PinnedItems>
-				</>
-			) }
+			{ isDesktop && showHelpIcon && <Fill name="PinnedItems/core">{ content }</Fill> }
 			<HelpCenter handleClose={ closeCallback } />
 		</>
 	);