add classNameto BaseTitleView

WordPress · Dec 2, 2024 · c64ee8b · c64ee8b
1 parent b8e1ea1
commit c64ee8b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/fields/src/fields/pattern-title/style.scss b/packages/fields/src/fields/pattern-title/style.scss
@@ -1,3 +1,3 @@
-.fields-title-field span:first-child {
+.fields-pattern-title-field span:first-child {
 	flex: 1;
 }
diff --git a/packages/fields/src/fields/pattern-title/view.tsx b/packages/fields/src/fields/pattern-title/view.tsx
@@ -18,7 +18,7 @@ export const { PATTERN_TYPES } = unlock( patternPrivateApis );
 
 export default function PatternTitleView( { item }: { item: CommonPost } ) {
 	return (
-		<BaseTitleView item={ item }>
+		<BaseTitleView item={ item } className="fields-pattern-title-field">
 			{ item.type === PATTERN_TYPES.theme && (
 				<Tooltip
 					placement="top"

diff --git a/packages/fields/src/fields/title/view.tsx b/packages/fields/src/fields/title/view.tsx
@@ -1,6 +1,7 @@
 /**
  * External dependencies
  */
+import clsx from 'clsx';
 import type { ReactNode } from 'react';
 
 /**
@@ -17,15 +18,17 @@ import { getItemTitle } from '../../actions/utils';
 
 export function BaseTitleView( {
 	item,
+	className,
 	children,
 }: {
 	item: CommonPost;
+	className?: string;
 	children?: ReactNode;
 } ) {
 	const renderedTitle = getItemTitle( item );
 	return (
 		<HStack
-			className="fields-title-field"
+			className={ clsx( 'fields-title-field', className ) }
 			alignment="center"
 			justify="flex-start"
 		>