Reuse code for detecting temporary media

WordPress · Jun 24, 2021 · a65cbf2 · a65cbf2
1 parent 17f897a
commit a65cbf2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/block-library/src/media-text/media-container.js b/packages/block-library/src/media-text/media-container.js
@@ -118,6 +118,8 @@ function MediaContainer( props, ref ) {
 		onWidthChange,
 	} = props;
 
+	const isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );
+
 	const { toggleSelection } = useDispatch( blockEditorStore );
 
 	if ( mediaUrl ) {
@@ -152,7 +154,7 @@ function MediaContainer( props, ref ) {
 				className={ classnames(
 					className,
 					'editor-media-container__resizer',
-					{ 'is-transient': isBlobURL( mediaUrl ) }
+					{ 'is-transient': isTemporaryMedia }
 				) }
 				style={ backgroundStyles }
 				size={ { width: mediaWidth + '%' } }
@@ -173,7 +175,7 @@ function MediaContainer( props, ref ) {
 					mediaId={ mediaId }
 				/>
 				{ ( mediaTypeRenderers[ mediaType ] || noop )() }
-				{ isBlobURL( mediaUrl ) && <Spinner /> }
+				{ isTemporaryMedia && <Spinner /> }
 				<PlaceholderContainer { ...props } />
 			</ResizableBoxContainer>
 		);