Suggest post format

packages/editor/src/components/post-publish-panel/maybe-post-format-panel.js

@@ -0,0 +1,33 @@
+/**
+ * WordPress dependencies.
+ */
+import { __ } from '@wordpress/i18n';
+import { withSelect } from '@wordpress/data';
+import { Dashicon, PanelBody } from '@wordpress/components';
+
+/**
+ * Internal dependencies.
+ */
+import PostFormat from '../post-format';
+
+const MaybePostFormatPanel = ( { currentPostFormat, suggestedPostFormat } ) => suggestedPostFormat &&
+	suggestedPostFormat !== currentPostFormat &&
+	<PanelBody initialOpen={ true } title={ [
+		<Dashicon key={ 'dashicon-lightbulb' } icon={ 'lightbulb' } />,
+		__( 'Tip:' ),
+		<span className="editor-post-publish-panel__link" key="label">{
+			__( 'Choose a fitting post format' )
+		}</span>,
+	] } >
+		<PostFormat />
+	</PanelBody>;
+
+export default withSelect(
+	( select ) => {
+		const { getEditedPostAttribute, getSuggestedPostFormat } = select( 'core/editor' );
+		return {
+			suggestedPostFormat: getSuggestedPostFormat(),
+			currentPostFormat: getEditedPostAttribute( 'format' ),
+		};
+	}
+)( MaybePostFormatPanel );

packages/editor/src/components/post-publish-panel/prepublish.js

@@ -19,6 +19,7 @@ import PostVisibilityLabel from '../post-visibility/label';
 import PostSchedule from '../post-schedule';
 import PostScheduleLabel from '../post-schedule/label';
 import MaybeTagsPanel from './maybe-tags-panel';
+import MaybePostFormatPanel from './maybe-post-format-panel';
 
 function PostPublishPanelPrepublish( {
 	hasPublishAction,
@@ -42,6 +43,7 @@ function PostPublishPanelPrepublish( {
 					] }>
 						<PostSchedule />
 					</PanelBody>
+					<MaybePostFormatPanel />
 					<MaybeTagsPanel />
 					{ children }
 				</Fragment>