Media Replace Flow: Add title for attachments

WordPress · Feb 2, 2024 · d64d872 · d64d872
1 parent cc7ac02
commit d64d872
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/media-replace-flow/index.js b/packages/block-editor/src/components/media-replace-flow/index.js
@@ -59,6 +59,7 @@ const MediaReplaceFlow = ( {
 	addToGallery,
 	handleUpload = true,
 	popoverProps,
+	title,
 } ) => {
 	const mediaUpload = useSelect( ( select ) => {
 		return select( blockEditorStore ).getSettings().mediaUpload;
@@ -220,7 +221,7 @@ const MediaReplaceFlow = ( {
 							</span>
 
 							<LinkControl
-								value={ { url: mediaURL } }
+								value={ { title, url: mediaURL } }
 								settings={ [] }
 								showSuggestions={ false }
 								onChange={ ( { url } ) => {

diff --git a/packages/block-library/src/audio/edit.js b/packages/block-library/src/audio/edit.js
@@ -28,6 +28,7 @@ import { __, _x } from '@wordpress/i18n';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
+import { store as coreStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -49,6 +50,14 @@ function AudioEdit( {
 	const isTemporaryAudio = ! id && isBlobURL( src );
 	const { getSettings } = useSelect( blockEditorStore );
 
+	const audioFile = useSelect(
+		( select ) =>
+			id && isSingleSelected
+				? select( coreStore ).getMedia( id, { context: 'view' } )
+				: null,
+		[ id, isSingleSelected ]
+	);
+
 	useEffect( () => {
 		if ( ! id && isBlobURL( src ) ) {
 			const file = getBlobByURL( src );
@@ -153,6 +162,7 @@ function AudioEdit( {
 						onSelect={ onSelectAudio }
 						onSelectURL={ onSelectURL }
 						onError={ onUploadError }
+						title={ audioFile?.title?.rendered }
 					/>
 				</BlockControls>
 			) }

diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
@@ -481,6 +481,7 @@ export default function Image( {
 						onSelect={ onSelectImage }
 						onSelectURL={ onSelectURL }
 						onError={ onUploadError }
+						title={ image?.title?.rendered }
 					/>
 				</BlockControls>
 			) }

diff --git a/packages/block-library/src/video/edit.js b/packages/block-library/src/video/edit.js
@@ -32,6 +32,7 @@ import { useInstanceId } from '@wordpress/compose';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
+import { store as coreStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -77,6 +78,14 @@ function VideoEdit( {
 	const isTemporaryVideo = ! id && isBlobURL( src );
 	const { getSettings } = useSelect( blockEditorStore );
 
+	const videoFile = useSelect(
+		( select ) =>
+			id && isSingleSelected
+				? select( coreStore ).getMedia( id, { context: 'view' } )
+				: null,
+		[ id, isSingleSelected ]
+	);
+
 	useEffect( () => {
 		if ( ! id && isBlobURL( src ) ) {
 			const file = getBlobByURL( src );
@@ -201,6 +210,7 @@ function VideoEdit( {
 							onSelect={ onSelectVideo }
 							onSelectURL={ onSelectURL }
 							onError={ onUploadError }
+							title={ videoFile?.title?.rendered }
 						/>
 					</BlockControls>
 				</>