Use a Notice instead of a paragraph.

WordPress · Nov 14, 2024 · 3f3ac4f · 3f3ac4f
1 parent 47d9230
commit 3f3ac4f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/editor/src/components/post-featured-image/index.js b/packages/editor/src/components/post-featured-image/index.js
@@ -15,6 +15,7 @@ import {
 	withNotices,
 	withFilters,
 	__experimentalHStack as HStack,
+	Notice,
 } from '@wordpress/components';
 import { isBlobURL } from '@wordpress/blob';
 import { useState, useRef } from '@wordpress/element';
@@ -184,11 +185,14 @@ function PostFeaturedImage( {
 						render={ ( { open } ) => (
 							<div className="editor-post-featured-image__container">
 								{ isMissingMedia ? (
-									<p>
+									<Notice
+										status="warning"
+										isDismissible={ false }
+									>
 										{ __(
 											'Could not retrieve the featured image data.'
 										) }
-									</p>
+									</Notice>
 								) : (
 									<Button
 										__next40pxDefaultSize

diff --git a/packages/editor/src/components/post-featured-image/style.scss b/packages/editor/src/components/post-featured-image/style.scss
@@ -23,6 +23,7 @@
 
 	.editor-post-featured-image__actions.editor-post-featured-image__actions-missing-image {
 		opacity: 1;
+		margin-top: $grid-unit-20;
 	}
 
 	.components-drop-zone__content {