From 7937da3da2ef6f9a8d174a651bd4da63a61673cc Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Fri, 4 Aug 2023 20:05:27 +0200
Subject: [PATCH] lw8: add play icon to banner

---
 .../LaunchWeek/8/Releases/LWAnnouncement.tsx           | 10 +++++++++-
 packages/ui/src/layout/banners/LWAnnouncement.tsx      | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/www/components/LaunchWeek/8/Releases/LWAnnouncement.tsx b/apps/www/components/LaunchWeek/8/Releases/LWAnnouncement.tsx
index ff09a7660be..e7dce88e704 100644
--- a/apps/www/components/LaunchWeek/8/Releases/LWAnnouncement.tsx
+++ b/apps/www/components/LaunchWeek/8/Releases/LWAnnouncement.tsx
@@ -39,7 +39,15 @@ const LWAnnouncement = ({ title }: { title?: string }) => {
                 <span className="text-foreground-light">{d1.steps[0].title}</span>
               </div>
             </div>
-            <div className="relative flex !aspect-video h-[80px] md:h-[80px] gap-2 z-10 rounded overflow-hidden">
+            <div className="relative flex items-center justify-center !aspect-video h-[80px] md:h-[80px] gap-2 z-10 rounded overflow-hidden">
+              <div className="absolute z-10 w-4 h-4 text-white opacity-70">
+                <svg viewBox="0 0 81 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M76.5621 37.998C82.3369 41.3321 82.3369 49.6673 76.5621 53.0014L13.2198 89.5721C7.44504 92.9062 0.226562 88.7386 0.226562 82.0704L0.226566 8.92901C0.226566 2.26085 7.44506 -1.90673 13.2199 1.42735L76.5621 37.998Z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
               <Image
                 src="/images/launchweek/8/lw8-yt-thumb.jpg"
                 alt="Youtube video thumbnail"
diff --git a/packages/ui/src/layout/banners/LWAnnouncement.tsx b/packages/ui/src/layout/banners/LWAnnouncement.tsx
index 097851a9238..84194d7ece6 100644
--- a/packages/ui/src/layout/banners/LWAnnouncement.tsx
+++ b/packages/ui/src/layout/banners/LWAnnouncement.tsx
@@ -79,7 +79,15 @@ const LWAnnouncement = ({
                 <span className="text-foreground-light">Huggingface now supported in Supabase</span>
               </div>
             </div>
-            <div className="relative flex !aspect-video h-[80px] md:h-[80px] gap-2 z-10 rounded overflow-hidden">
+            <div className="relative flex items-center justify-center !aspect-video h-[80px] md:h-[80px] gap-2 z-10 rounded overflow-hidden">
+              <div className="absolute z-20 w-4 h-4 text-white opacity-70">
+                <svg viewBox="0 0 81 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M76.5621 37.998C82.3369 41.3321 82.3369 49.6673 76.5621 53.0014L13.2198 89.5721C7.44504 92.9062 0.226562 88.7386 0.226562 82.0704L0.226566 8.92901C0.226566 2.26085 7.44506 -1.90673 13.2199 1.42735L76.5621 37.998Z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
               <Image
                 src="https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw8/assets/lw8-yt-thumb.jpg?t=2023-08-04T16%3A04%3A08.632Z"
                 alt="Youtube video thumbnail"