DataViews: Correctly display featured image that don't have image siz…

…es (#59111) Co-authored-by: t-hamano <[email protected]> Co-authored-by: ntsekouras <[email protected]> Co-authored-by: jameskoster <[email protected]> Co-authored-by: colorful-tones <[email protected]> Co-authored-by: annezazu <[email protected]>
WordPress · Feb 20, 2024 · 6b4189c · 6b4189c
1 parent 4060148
commit 6b4189c
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/packages/edit-site/src/components/media/index.js b/packages/edit-site/src/components/media/index.js
@@ -8,18 +8,16 @@ function Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {
 	const currentSize = size.find(
 		( s ) => !! media?.media_details?.sizes[ s ]
 	);
-	const mediaDetails = media?.media_details?.sizes[ currentSize ];
-	if ( ! mediaDetails ) {
+
+	const mediaUrl =
+		media?.media_details?.sizes[ currentSize ]?.source_url ||
+		media?.source_url;
+
+	if ( ! mediaUrl ) {
 		return null;
 	}
 
-	return (
-		<img
-			{ ...props }
-			src={ mediaDetails.source_url }
-			alt={ media.alt_text }
-		/>
-	);
+	return <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;
 }
 
 export default Media;