Components: Use isPressed prop instead of the hard-coded `is-presse…

…d` class
WordPress · Oct 3, 2023 · 9719b78 · 9719b78
1 parent 140d04e
commit 9719b78
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/packages/block-editor/src/components/rich-text/format-toolbar/index.js b/packages/block-editor/src/components/rich-text/format-toolbar/index.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
 /**
  * WordPress dependencies
  */
@@ -48,10 +43,8 @@ const FormatToolbar = () => {
 									label={ __( 'More' ) }
 									toggleProps={ {
 										...toggleProps,
-										className: classnames(
-											toggleProps.className,
-											{ 'is-pressed': hasActive }
-										),
+										className: toggleProps.className,
+										isPressed: hasActive,
 										describedBy: __(
 											'Displays more block tools'
 										),

diff --git a/packages/block-library/src/search/edit.js b/packages/block-library/src/search/edit.js
@@ -379,7 +379,7 @@ export default function SearchEdit( {
 								showLabel: ! showLabel,
 							} );
 						} }
-						className={ showLabel ? 'is-pressed' : undefined }
+						isPressed={ showLabel }
 					/>
 					<ToolbarDropdownMenu
 						icon={ getButtonPositionIcon() }
@@ -395,9 +395,7 @@ export default function SearchEdit( {
 									buttonUseIcon: ! buttonUseIcon,
 								} );
 							} }
-							className={
-								buttonUseIcon ? 'is-pressed' : undefined
-							}
+							isPressed={ buttonUseIcon }
 						/>
 					) }
 				</ToolbarGroup>