From f576c72451b0380e40bc23d622f773ac1bf969e2 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 8 May 2021 15:49:13 -0500
Subject: [PATCH] Fix app related videos not rendering

---
 pages-eleventy/app.11ty.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/pages-eleventy/app.11ty.js b/pages-eleventy/app.11ty.js
index 5373a5e..0a6e1ca 100644
--- a/pages-eleventy/app.11ty.js
+++ b/pages-eleventy/app.11ty.js
@@ -86,13 +86,15 @@ export class AppTemplate {
         }
     }
 
-    render( data ) {
+    async render( data ) {
 
         const {
             app: { payload: { app, relatedVideos = [] } },
             'device-list': deviceList
         } = data
 
+        const hasRelatedVideos = relatedVideos.length > 0
+
         // console.log('deviceList', deviceList)
 
         // console.log('video.payload', Object.keys(video.payload))
@@ -110,6 +112,9 @@ export class AppTemplate {
 
         const relatedLinksHtml = renderPageLinksHtml( app.relatedLinks )
 
+
+        const relatedVideosRowHtml = hasRelatedVideos ? await this.boundComponent(VideoRow)( relatedVideos ) : null
+
         return /* html */`
             <section class="container py-32">
                 <div class="intro-content flex flex-col items-center text-center min-h-3/4-screen md:min-h-0 space-y-8">
@@ -151,7 +156,7 @@ export class AppTemplate {
                     </div>
                 </div>
 
-                ${ relatedVideos.length > 0 ? /* html */`
+                ${ hasRelatedVideos ? /* html */`
                     <div
                         class="related-videos w-full"
                     >
@@ -159,7 +164,7 @@ export class AppTemplate {
                             Related Videos
                         </h2>
 
-                        ${ this.boundComponent(VideoRow)( relatedVideos ) }
+                        ${ relatedVideosRowHtml }
 
                     </div>
                 ` : '' }