From 2b53dd9dc3f1ee28c1844468c306126231e74854 Mon Sep 17 00:00:00 2001
From: Weston Ruter <westonruter@google.com>
Date: Thu, 2 May 2019 11:56:21 -0700
Subject: [PATCH] Use classnames() for readability

---
 assets/src/blocks/amp-story-page/edit.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/src/blocks/amp-story-page/edit.js b/assets/src/blocks/amp-story-page/edit.js
index 1ae4f47df62..2ca3d35492f 100644
--- a/assets/src/blocks/amp-story-page/edit.js
+++ b/assets/src/blocks/amp-story-page/edit.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import uuid from 'uuid/v4';
+import classnames from 'classnames';
 
 /**
  * WordPress dependencies
@@ -276,7 +277,13 @@ class EditPage extends Component {
 											modalClass="editor-amp-story-background-video-poster__media-modal"
 											render={ ( { open } ) => (
 												<Button
-													className={ 'editor-amp-story-page-background ' + ( ! poster ? 'editor-post-featured-image__toggle' : 'editor-post-featured-image__preview' ) }
+													className={ classnames(
+														'editor-amp-story-page-background',
+														{
+															'editor-post-featured-image__toggle': ! poster,
+															'editor-post-featured-image__preview': poster,
+														}
+													) }
 													onClick={ open }
 													aria-label={ ! poster ? null : __( 'Edit or update the poster image', 'amp' ) }
 												>