using a template literal instead of a concat string

guardian · Nov 2, 2017 · ebd4e7b · ebd4e7b
1 parent f4ea186
commit ebd4e7b
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/static/src/javascripts/projects/common/modules/gallery/lightbox.js b/static/src/javascripts/projects/common/modules/gallery/lightbox.js
@@ -100,22 +100,22 @@ class GalleryLightbox {
             });
         };
 
-        const galleryLightboxHtml: string =
-            `${'<div class="overlay gallery-lightbox gallery-lightbox--closed gallery-lightbox--hover">' +
-                '<div class="gallery-lightbox__sidebar">'}${generateButtonHTML(
-                'close'
-            )}<div class="gallery-lightbox__progress  gallery-lightbox__progress--sidebar">` +
-            `<span class="gallery-lightbox__index js-gallery-index"></span>` +
-            `<span class="gallery-lightbox__progress-separator"></span>` +
-            `<span class="gallery-lightbox__count js-gallery-count"></span>` +
-            `</div>${generateButtonHTML('next')}${generateButtonHTML(
-                'prev'
-            )}${generateButtonHTML('info-button')}</div>` +
-            `<div class="js-gallery-swipe gallery-lightbox__swipe-container">` +
-            `<ul class="gallery-lightbox__content js-gallery-content">` +
-            `</ul>` +
-            `</div>` +
-            `</div>`;
+        const galleryLightboxHtml: string = `<div class="overlay gallery-lightbox gallery-lightbox--closed gallery-lightbox--hover">
+                <div class="gallery-lightbox__sidebar">
+                    ${generateButtonHTML('close')}
+                    <div class="gallery-lightbox__progress  gallery-lightbox__progress--sidebar">
+                        <span class="gallery-lightbox__index js-gallery-index"></span>
+                        <span class="gallery-lightbox__progress-separator"></span>
+                        <span class="gallery-lightbox__count js-gallery-count"></span>
+                    </div>
+                    ${generateButtonHTML('next')}
+                    ${generateButtonHTML('prev')}
+                    ${generateButtonHTML('info-button')}
+                </div>
+                <div class="js-gallery-swipe gallery-lightbox__swipe-container">
+                    <ul class="gallery-lightbox__content js-gallery-content"></ul>
+                </div>
+            </div>`;
 
         // ELEMENT BINDINGS
         this.lightboxEl = bonzo.create(galleryLightboxHtml);