Sentence case area slug for details

aaronrobertshaw · aaronrobertshaw · commit e6a5063afc1d · 2023-07-27T11:40:58.000+10:00
diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js b/packages/edit-site/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import { sentenceCase } from 'change-case';
+
 /**
  * WordPress dependencies
  */
@@ -82,10 +87,19 @@ export default function usePatternDetails( postType, postId ) {
 			( area ) => area.area === record.area
 		);
 
-		details.push( {
-			label: __( 'Area' ),
-			value: templatePartArea?.label || record.area || __( 'None' ),
-		} );
+		let areaDetailValue = templatePartArea?.label;
+
+		if ( ! areaDetailValue ) {
+			areaDetailValue = record.area
+				? sprintf(
+						// translators: %s: Sentenced cased template part area e.g: "My custom area".
+						__( '%s (removed)' ),
+						sentenceCase( record.area )
+				  )
+				: __( 'None' );
+		}
+
+		details.push( { label: __( 'Area' ), value: areaDetailValue } );
 	}
 
 	if (
