Add related videos to listing template

src/components/default-listing.astro

@@ -7,6 +7,7 @@ import {
 
 import Aliases from '~/src/components/listing-parts/aliases.astro'
 import RelatedLinks from '~/src/components/listing-parts/related-links.astro'
+import RelatedVideos from '~/src/components/listing-parts/related-videos.astro'
 
 import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 
@@ -47,9 +48,9 @@ const details = new ListingDetails( listing )
             />
         </div>
 
-        <div class="links space-y-6 sm:space-x-6">
-            <!-- { relatedLinksHtml } -->
-        </div>
+        <RelatedVideos
+            listing={ listing }
+        />
 
     </div>
 

src/components/listing-parts/related-videos.astro

@@ -0,0 +1,23 @@
+---
+import Heading from './heading.astro'
+import VideoRow from '~/src/components/video/row.astro'
+
+const {
+  listing
+} = Astro.props
+
+const hasRelatedVideos = listing.relatedVideos.length > 0
+
+---
+<div
+    class="related-videos w-full"
+>
+    <Heading text="Related Videos" />
+    <VideoRow
+        videos={listing.relatedVideos}
+    />
+    <VideoRow
+        videos={listing.relatedVideos}
+    />
+</div>
+