From 6a58cb02e5be01ca5aa90813b72986e2c4f82f18 Mon Sep 17 00:00:00 2001
From: arthur <arthur.chu@automattic.com>
Date: Wed, 25 Aug 2021 18:56:57 +0800
Subject: [PATCH] Add PostFeaturedImage to PrePublishPanel

---
 .../common/components/pre-publish-panel.js    | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/assets/src/common/components/pre-publish-panel.js b/assets/src/common/components/pre-publish-panel.js
index ba6f38a6c16..efeec28402e 100644
--- a/assets/src/common/components/pre-publish-panel.js
+++ b/assets/src/common/components/pre-publish-panel.js
@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
  * WordPress dependencies
  */
 import { Notice } from '@wordpress/components';
+import { PostFeaturedImage } from '@wordpress/editor';
 import { PluginPrePublishPanel } from '@wordpress/edit-post';
 import { withSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
@@ -37,18 +38,22 @@ const PrePublishPanel = ( { featuredMedia, dimensions, required } ) => {
 			title={ __( 'Featured Image', 'amp' ) }
 			initialOpen="true"
 		>
-			<Notice
-				status={ required ? 'warning' : 'notice' }
-				isDismissible={ false }
-			>
-				{ errors.map( ( errorMessage, index ) => {
-					return (
-						<p key={ `error-${ index }` }>
-							{ errorMessage }
-						</p>
-					);
-				} ) }
-			</Notice>
+			<PostFeaturedImage
+				noticeUI={
+					<Notice
+						status={ required ? 'warning' : 'notice' }
+						isDismissible={ false }
+					>
+						{ errors.map( ( errorMessage, index ) => {
+							return (
+								<p key={ `error-${ index }` }>
+									{ errorMessage }
+								</p>
+							);
+						} ) }r
+					</Notice>
+				}
+			/>
 		</PluginPrePublishPanel>
 	);
 };