Remove div container when action buttons is empty (#1124)

Co-authored-by: Timur Zhigmytov <timur.zhigmytov@mediamonks.com>

webroot/js/app.js

@@ -550,8 +550,8 @@ export default class App extends Component {
       : html` <${VideoPoster} offlineImage=${logo} active=${streamOnline} /> `;
 
     const externalActionButtons =
-      externalActions &&
-      html`<div
+      externalActions && externalActions.length > 0
+      ? html`<div
           id="external-actions-container"
           class="flex flex-row align-center"
         >
@@ -564,7 +564,8 @@ export default class App extends Component {
               />`;
             }.bind(this)
           )}
-      </div>`;
+        </div>`
+      : null;
 
     const externalActionModal = externalAction
       ? html`<${ExternalActionModal}
@@ -667,7 +668,7 @@ export default class App extends Component {
               <h2 class="font-semibold text-5xl">
                 <span class="streamer-name text-indigo-600">${name}</span>
               </h2>
-              <div>${externalActionButtons}</div>
+              ${externalActionButtons && html`<div>${externalActionButtons}</div>`}
               <h3 class="font-semibold text-3xl">
                 ${streamOnline && streamTitle}
               </h3>