Add toggle for post sticky status on editor WordPress#1313

editor/sidebar/post-status/index.js

@@ -17,6 +17,7 @@ import './style.scss';
 import PostVisibility from '../post-visibility';
 import PostTrash from '../post-trash';
 import PostSchedule from '../post-schedule';
+import PostSticky from '../post-sticky';
 import {
 	getEditedPostAttribute,
 	getSuggestedPostFormat,
@@ -67,6 +68,9 @@ class PostStatus extends Component {
 					<span>{ __( 'Post Format' ) }</span>
 					<span>{ format }</span>
 				</div>
+
+				<PostSticky />
+
 				<div className="editor-post-status__row">
 					<PostTrash />
 				</div>

editor/sidebar/post-sticky/index.js

@@ -0,0 +1,43 @@
+/**
+ * External dependencies
+ */
+import { connect } from 'react-redux';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from 'i18n';
+import { FormToggle, withInstanceId } from 'components';
+
+/**
+ * Internal dependencies
+ */
+import { getEditedPostAttribute } from '../../selectors';
+import { editPost } from '../../actions';
+
+function PostSticky( { postSticky = false, instanceId, ...props } ) {
+	const stickyToggleId = 'post-sticky-toggle-' + instanceId;
+
+	const onTogglePostSticky = () => props.editPost( { sticky: !postSticky } );
+
+	return ( 
+		<div className="editor-post-status__row">
+			<label htmlFor={ stickyToggleId }>{ __( 'Stick to the front page' ) }</label>
+			<FormToggle
+				checked={ postSticky }
+				onChange={ onTogglePostSticky }
+				showHint={ false }
+				id={ stickyToggleId }
+			/>
+		</div>
+	);
+}
+
+export default connect(
+	( state ) => {
+		return {
+			postSticky: getEditedPostAttribute( state, 'sticky' ),
+		};
+	},
+	{ editPost }
+)( withInstanceId( PostSticky ) );