Prettified Code!

webroot/js/app.js

@@ -551,21 +551,21 @@ export default class App extends Component {
 
     const externalActionButtons =
       externalActions && externalActions.length > 0
-      ? html`<div
+        ? html`<div
-          id="external-actions-container"
+            id="external-actions-container"
-          class="flex flex-row align-center"
+            class="flex flex-row align-center"
-        >
+          >
-          ${externalActions.map(
+            ${externalActions.map(
-            function (action, index) {
+              function (action, index) {
-              return html`<${ExternalActionButton}
+                return html`<${ExternalActionButton}
-                onClick=${this.displayExternalAction}
+                  onClick=${this.displayExternalAction}
-                action=${action}
+                  action=${action}
-                index=${index}
+                  index=${index}
-              />`;
+                />`;
-            }.bind(this)
+              }.bind(this)
-          )}
+            )}
-        </div>`
+          </div>`
-      : null;
+        : null;
 
     const externalActionModal = externalAction
       ? html`<${ExternalActionModal}
@@ -668,7 +668,8 @@ export default class App extends Component {
               <h2 class="font-semibold text-5xl">
                 <span class="streamer-name text-indigo-600">${name}</span>
               </h2>
-              ${externalActionButtons && html`<div>${externalActionButtons}</div>`}
+              ${externalActionButtons &&
+              html`<div>${externalActionButtons}</div>`}
               <h3 class="font-semibold text-3xl">
                 ${streamOnline && streamTitle}
               </h3>