Add experimental condition

poojabhimani12 · Jun 13, 2024 · 77ee009 · 77ee009
1 parent 6c0862d
commit 77ee009
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/packages/format-library/package.json b/packages/format-library/package.json
@@ -31,7 +31,7 @@
 		"@wordpress/block-editor": "file:../block-editor",
 		"@wordpress/components": "file:../components",
 		"@wordpress/compose": "file:../compose",
-		"@wordpress/core-data": "^7.0.0",
+		"@wordpress/core-data": "file:../core-data",
 		"@wordpress/data": "file:../data",
 		"@wordpress/element": "file:../element",
 		"@wordpress/html-entities": "file:../html-entities",

diff --git a/packages/format-library/src/collab-comment/index.js b/packages/format-library/src/collab-comment/index.js
@@ -15,6 +15,9 @@ import CollabBoard from './collab-board';
 const name = 'core/collab-comment';
 const title = __( 'Add Comment' );
 
+const isBlockCommentExperimentEnabled =
+	window?.__experimentalEnableBlockComment;
+
 function Edit( { isActive, value, onChange, onFocus, contentRef } ) {
 	function onClick() {
 		onChange(
@@ -55,14 +58,16 @@ function Edit( { isActive, value, onChange, onFocus, contentRef } ) {
 	}, [ contentRef ] );
 	return (
 		<>
-			<RichTextToolbarButton
-				icon={ commentIcon }
-				title={ title }
-				onClick={ onClick }
-				isActive={ isActive }
-			/>
+			{ isBlockCommentExperimentEnabled && (
+				<RichTextToolbarButton
+					icon={ commentIcon }
+					title={ title }
+					onClick={ onClick }
+					isActive={ isActive }
+				/>
+			) }
 
-			{ isDiscussionBoardVisible && (
+			{ isBlockCommentExperimentEnabled && isDiscussionBoardVisible && (
 				<CollabBoard
 					contentRef={ contentRef }
 					onClose={ toggleDiscussionBoardVisibility }