From 1ce5592a5b999307b9349434884bbacad4a33f5e Mon Sep 17 00:00:00 2001
From: ishikawa-pro <ishikawa.pro@gmail.com>
Date: Sat, 10 Aug 2024 17:01:40 +0900
Subject: [PATCH 1/2] add: youtube embed and slide link to session/[id]

---
 src/pages/pek2024/sessions/[id].astro | 29 +++++++++++++--------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/pages/pek2024/sessions/[id].astro b/src/pages/pek2024/sessions/[id].astro
index 8aec306..2334f10 100644
--- a/src/pages/pek2024/sessions/[id].astro
+++ b/src/pages/pek2024/sessions/[id].astro
@@ -79,14 +79,13 @@ const talkAbstract = getTalkAbstract(session.abstract);
               })}
             </div>
 
-            {'videoUrl' in session && session.videoUrl && (
+            {'video_url' in session && session.video_url && (
               <div class="relative flex flex-col min-w-0 break-words w-full mb-2">
-                <div class="px-4 pt-5 flex-auto">
-                  <div class="text-sm">登壇動画</div>
+                <div class="flex-auto">
                   <div>
                     <iframe
                       class="aspect-video min-w-2xl w-full static bottom-0"
-                      src={(session.videoUrl ?? '').toString()}
+                      src={(session.video_url ?? '').toString()}
                       title="YouTube video player"
                       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                       allowfullscreen
@@ -96,18 +95,17 @@ const talkAbstract = getTalkAbstract(session.abstract);
               </div>
             )}
 
-            {'documentUrl' in session && session.documentUrl && (
+            {'slide_url' in session && session.slide_url && (
               <div class="relative flex flex-col min-w-0 break-words w-full mb-2">
-                <div class="px-4 pt-5 flex-auto">
-                  <div class="text-sm">登壇資料</div>
-                  <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
-                    <iframe
-                      style="position: absolute; top:0; left: 0; width: 100%; height: 100%; border:0;"
-                      src={(session.documentUrl ?? '').toString()}
-                      title="Document viewer"
-                      allowfullscreen
-                    />
-                  </div>
+                <div class="flex-auto">
+                  <a href={session.slide_url as string} target="_blank" rel="noopener noreferrer">
+                    <button
+                      class="bg-themeColor-blue hover:bg-blue-500 text-white font-bold py-2 px-4 rounded"
+                      style="transition: all 0.3s ease;"
+                    >
+                      スライドを見る
+                    </button>
+                  </a>
                 </div>
               </div>
             )}
@@ -179,6 +177,7 @@ const talkAbstract = getTalkAbstract(session.abstract);
               </div>
             </div>
 
+
             <SocialShare
               url={Astro.request.url}
               text={session.title}

From de1203ed265f0b2536825e0fc291061965cf884b Mon Sep 17 00:00:00 2001
From: ishikawa-pro <ishikawa.pro@gmail.com>
Date: Fri, 16 Aug 2024 14:26:19 +0900
Subject: [PATCH 2/2] fix: design of slide page transition button on
 sessions/[id]

---
 src/pages/pek2024/sessions/[id].astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/pek2024/sessions/[id].astro b/src/pages/pek2024/sessions/[id].astro
index 2334f10..6415ea3 100644
--- a/src/pages/pek2024/sessions/[id].astro
+++ b/src/pages/pek2024/sessions/[id].astro
@@ -9,6 +9,7 @@ import { fetchTags } from '../../../utils/fetchTags';
 import { getAffiliation, getJobTitle, getSpeakerProfile, getTalkAbstract } from '../../../utils/pek2024/fortee';
 import { type PEK2024ProposalList } from '../../../types';
 import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
+import { Icon } from 'astro-icon/components';
 
 export async function getStaticPaths() {
   const { data } = await axios.get<PEK2024ProposalList>(
@@ -100,10 +101,10 @@ const talkAbstract = getTalkAbstract(session.abstract);
                 <div class="flex-auto">
                   <a href={session.slide_url as string} target="_blank" rel="noopener noreferrer">
                     <button
-                      class="bg-themeColor-blue hover:bg-blue-500 text-white font-bold py-2 px-4 rounded"
-                      style="transition: all 0.3s ease;"
+                      class="bg-themeColor-orange hover:bg-themeColor-yellow text-white font-bold py-2 px-4 rounded inline-flex items-center"
                     >
                       スライドを見る
+                      <Icon name="tabler:external-link" class="w-4 h-4 ml-2" />
                     </button>
                   </a>
                 </div>