diff --git a/packages/block-library/src/audio/edit.js b/packages/block-library/src/audio/edit.js index 773000ad7c1524..b50de773a42ce7 100644 --- a/packages/block-library/src/audio/edit.js +++ b/packages/block-library/src/audio/edit.js @@ -42,32 +42,19 @@ function AudioEdit( { className, setAttributes, onReplace, - isSelected, + isSelected: isSingleSelected, insertBlocksAfter, } ) { const { id, autoplay, loop, preload, src } = attributes; const isTemporaryAudio = ! id && isBlobURL( src ); - const { mediaUpload, multiAudioSelection } = useSelect( ( select ) => { - const { getSettings, getMultiSelectedBlockClientIds, getBlockName } = - select( blockEditorStore ); - const multiSelectedClientIds = getMultiSelectedBlockClientIds(); - - return { - mediaUpload: getSettings().mediaUpload, - multiAudioSelection: - multiSelectedClientIds.length && - multiSelectedClientIds.every( - ( _clientId ) => getBlockName( _clientId ) === 'core/audio' - ), - }; - }, [] ); + const { getSettings } = useSelect( blockEditorStore ); useEffect( () => { if ( ! id && isBlobURL( src ) ) { const file = getBlobByURL( src ); if ( file ) { - mediaUpload( { + getSettings().mediaUpload( { filesList: [ file ], onFileChange: ( [ media ] ) => onSelectAudio( media ), onError: ( e ) => onUploadError( e ), @@ -156,7 +143,7 @@ function AudioEdit( { return ( <> - { ! multiAudioSelection && ( + { isSingleSelected && ( + { isTemporaryAudio && } diff --git a/packages/block-library/src/video/edit.js b/packages/block-library/src/video/edit.js index db1fbb197126af..60c841b18a9318 100644 --- a/packages/block-library/src/video/edit.js +++ b/packages/block-library/src/video/edit.js @@ -63,7 +63,7 @@ const ALLOWED_MEDIA_TYPES = [ 'video' ]; const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ]; function VideoEdit( { - isSelected, + isSelected: isSingleSelected, attributes, className, setAttributes, @@ -75,26 +75,13 @@ function VideoEdit( { const posterImageButton = useRef(); const { id, controls, poster, src, tracks } = attributes; const isTemporaryVideo = ! id && isBlobURL( src ); - const { mediaUpload, multiVideoSelection } = useSelect( ( select ) => { - const { getSettings, getMultiSelectedBlockClientIds, getBlockName } = - select( blockEditorStore ); - const multiSelectedClientIds = getMultiSelectedBlockClientIds(); - - return { - mediaUpload: getSettings().mediaUpload, - multiVideoSelection: - multiSelectedClientIds.length && - multiSelectedClientIds.every( - ( _clientId ) => getBlockName( _clientId ) === 'core/video' - ), - }; - }, [] ); + const { getSettings } = useSelect( blockEditorStore ); useEffect( () => { if ( ! id && isBlobURL( src ) ) { const file = getBlobByURL( src ); if ( file ) { - mediaUpload( { + getSettings().mediaUpload( { filesList: [ file ], onFileChange: ( [ media ] ) => onSelectVideo( media ), onError: onUploadError, @@ -195,7 +182,7 @@ function VideoEdit( { return ( <> - { ! multiVideoSelection && ( + { isSingleSelected && ( <> +