From 8660ced23cd7fbd40a306043baed88e26d7a9181 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Thu, 7 Jul 2022 14:37:57 -0500
Subject: [PATCH] Use Heading component with icon

---
 src/components/video-listing.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/video-listing.astro b/src/components/video-listing.astro
index e20c158..ff94a7e 100644
--- a/src/components/video-listing.astro
+++ b/src/components/video-listing.astro
@@ -5,7 +5,7 @@ import {
     ensureListingDetails
 } from '~/helpers/listing-page.js'
 
-// import Devices from '~/src/components/listing-parts/devices.astro'
+import Heading from '~/src/components/listing-parts/heading.astro'
 import RelatedVideos from '~/src/components/listing-parts/related-videos.astro'
 import HtmlPlayer from '~/src/components/video/player.astro'
 
@@ -56,9 +56,9 @@ const details = ensureListingDetails( listing )
             <div
                 class="related-apps w-full"
             >
-                <h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
-                    Related Apps
-                </h2>
+                <Heading
+                    text="📱 Related Apps"
+                />
                 <div class="featured-apps overflow-x-auto overflow-y-visible whitespace-no-wrap py-2 space-x-2">
                     { details.initialVideo.appLinks.map( appLink => (
                         <a