Merge pull request #134 from pyladies/add-youtube-button-to-session

Author: marcorichetta

src/pages/[lang]/schedule.astro

@@ -148,6 +148,7 @@ const t = useTranslations(lang);
       // Enrich event with language from sessions data
       if (event.code && sessionsData[event.code]) {
         event.language = sessionsData[event.code].language;
+        event.youtube_url = sessionsData[event.code].youtube_url;
       }
       allEvents.push(event);
     });
@@ -469,6 +470,16 @@ const t = useTranslations(lang);
                     </div>
                   ` : ''}
                   ${speakersHTML}
+                  ${event.youtube_url ? `
+                    <div class="mt-4">
+                      <a href="${event.youtube_url}" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg font-semibold text-sm transition-colors duration-200">
+                        <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
+                          <path d="M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831zM9.996 15.005l.005-6 5.207 3.005-5.212 2.995z"/>
+                        </svg>
+                        Watch on YouTube
+                      </a>
+                    </div>
+                  ` : ''}
                 </div>
               </div>
             `;