From d775c4131718984d4a37fd8ea70a6ccd4710761d Mon Sep 17 00:00:00 2001
From: Zebulan Stanphill <zebulanstanphill@protonmail.com>
Date: Tue, 8 Sep 2020 22:33:15 -0500
Subject: [PATCH] Use summaries in pre-publish panel.

---
 .../post-publish-panel/prepublish.js          | 33 +++++++++----------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/packages/editor/src/components/post-publish-panel/prepublish.js b/packages/editor/src/components/post-publish-panel/prepublish.js
index 916f42239fe2e8..b83215e348a320 100644
--- a/packages/editor/src/components/post-publish-panel/prepublish.js
+++ b/packages/editor/src/components/post-publish-panel/prepublish.js
@@ -9,6 +9,7 @@ import { get } from 'lodash';
 import { __ } from '@wordpress/i18n';
 import { PanelBody } from '@wordpress/components';
 import { withSelect } from '@wordpress/data';
+import { createInterpolateElement } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -54,29 +55,25 @@ function PostPublishPanelPrepublish( {
 				<>
 					<PanelBody
 						initialOpen={ false }
-						title={ [
-							__( 'Visibility:' ),
-							<span
-								className="editor-post-publish-panel__link"
-								key="label"
-							>
-								<PostVisibilityLabel />
-							</span>,
-						] }
+						title={ __( 'Visibility' ) }
+						summary={ createInterpolateElement(
+							__( 'Set to <PostVisibilityLabel />.' ),
+							{
+								PostVisibilityLabel: <PostVisibilityLabel />,
+							}
+						) }
 					>
 						<PostVisibility />
 					</PanelBody>
 					<PanelBody
 						initialOpen={ false }
-						title={ [
-							__( 'Publish:' ),
-							<span
-								className="editor-post-publish-panel__link"
-								key="label"
-							>
-								<PostScheduleLabel />
-							</span>,
-						] }
+						title={ __( 'Publish date' ) }
+						summary={ createInterpolateElement(
+							__( 'Set to <PostScheduleLabel />.' ),
+							{
+								PostScheduleLabel: <PostScheduleLabel />,
+							}
+						) }
 					>
 						<PostSchedule />
 					</PanelBody>