Rename props to be consistent with other HD prop names

p-jackson · p-jackson · commit a78a7396bf1b · 2025-08-14T10:04:12.000+12:00
diff --git a/client/dashboard/components/empty-state/index.tsx b/client/dashboard/components/empty-state/index.tsx
@@ -8,19 +8,19 @@ import type { ReactNode } from 'react';
 
 interface EmptyStateProps {
 	buttons?: ReactNode;
-	heading: string;
+	description: string;
 	illustration?: ReactNode;
-	subHeading: string;
+	title: string;
 }
 
-export function EmptyState( { buttons, heading, illustration, subHeading }: EmptyStateProps ) {
+export function EmptyState( { buttons, title, illustration, description }: EmptyStateProps ) {
 	return (
 		<VStack spacing={ 6 } alignment="center" className="dashboard-empty-state">
 			{ illustration }
 			<VStack spacing={ 2 } alignment="center">
-				<div className="dashboard-empty-state__heading">{ heading }</div>
+				<div className="dashboard-empty-state__heading">{ title }</div>
 				<Text variant="muted" align="center" className="dashboard-empty-state__sub-heading">
-					{ subHeading }
+					{ description }
 				</Text>
 			</VStack>
 			{ buttons && (
diff --git a/client/dashboard/sites/index.tsx b/client/dashboard/sites/index.tsx
@@ -107,19 +107,19 @@ export default function Sites() {
 
 	const hasFilterOrSearch = ( view.filters && view.filters.length > 0 ) || view.search;
 
-	const emptyHeading = hasFilterOrSearch ? __( 'No sites found' ) : __( 'No sites' );
+	const emptyTitle = hasFilterOrSearch ? __( 'No sites found' ) : __( 'No sites' );
 
-	let emptySubHeading = __( 'Get started by creating a new site.' );
+	let emptyDescription = __( 'Get started by creating a new site.' );
 	if ( view.search ) {
-		emptySubHeading = sprintf(
+		emptyDescription = sprintf(
 			// Translators: %s is the search term used when looking for sites by title or domain name.
 			__(
 				'Your search for “%s” did not match any sites. Try searching by the site title or domain name.'
 			),
 			view.search
 		);
 	} else if ( hasFilterOrSearch ) {
-		emptySubHeading = __( 'Your search did not match any sites.' );
+		emptyDescription = __( 'Your search did not match any sites.' );
 	}
 
 	return (
@@ -160,8 +160,8 @@ export default function Sites() {
 						perPageSizes={ DEFAULT_PER_PAGE_SIZES }
 						empty={
 							<EmptyState
-								heading={ emptyHeading }
-								subHeading={ emptySubHeading }
+								title={ emptyTitle }
+								description={ emptyDescription }
 								illustration={
 									<img src={ noSitesIllustration } alt="" width={ 408 } height={ 280 } />
 								}
