Skip to content

Commit 8631f35

Browse files
n-d-r-d-gn-d-r-d-g
committed
feat: add session slide link
1 parent c45d4e3 commit 8631f35

File tree

3 files changed

+52
-32
lines changed

3 files changed

+52
-32
lines changed

‎packages/frontendmu-nuxt/components/meetup/SessionList.vue

Lines changed: 26 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -22,26 +22,36 @@ function getSpeakerPhoto(githubAccount: string) {
2222
Agenda
2323
</div>
2424
<ul role="list" class="flex flex-col gap-6">
25-
<li v-for="(session, index) in sessions" :key="index" class="space-y-4 flex gap-10 relative">
26-
<img class="h-20 w-20 rounded-full lg:h-24 lg:w-24"
27-
:src="getSpeakerPhoto(session.Session_id.speakers.github_account)" :alt="session.Session_id.speakers.name"
28-
:title="session.Session_id.speakers.name" width="300" height="300"
29-
:style="vTransitionName(session?.Session_id.speakers?.name, 'photo')"
25+
<li v-for="(session, index) in sessions" :key="index" class="flex flex-row items-center sm:items-start gap-5 lg:gap-10 relative">
26+
<img
27+
class="h-16 sm:h-20 w-16 sm:w-20 rounded-full lg:h-24 lg:w-24"
28+
:src="getSpeakerPhoto(session.Session_id.speakers.github_account)" :alt="session.Session_id.speakers.name"
29+
:title="session.Session_id.speakers.name" width="300" height="300"
30+
:style="vTransitionName(session?.Session_id.speakers?.name, 'photo')"
3031
>
3132

32-
<div class="space-y-2">
33-
<div>
34-
<h3 class="font-heading text-xs font-medium lg:text-xl text-verse-500 dark:text-verse-400">
35-
{{ session.Session_id.speakers.name }}
36-
</h3>
37-
<p class="text-xs font-bold lg:text-2xl text-verse-800 dark:text-verse-200">
38-
{{ session.Session_id.title }}
39-
</p>
40-
</div>
33+
<div>
34+
<h3 class="font-heading text-xs font-medium sm:text-sm md:text-base lg:text-xl text-verse-500 dark:text-verse-400">
35+
{{ session.Session_id.speakers.name }}
36+
</h3>
37+
<p class="text-sm font-bold sm:text-base md:text-lg lg:text-2xl text-verse-800 dark:text-verse-200">
38+
{{ session.Session_id.title }}
39+
</p>
40+
<NuxtLink
41+
v-if="session.Session_id.deck"
42+
:href="session.Session_id.deck"
43+
target="_blank"
44+
rel="noopener noreferrer nofollow"
45+
class="w-fit flex flex-row items-center gap-1 py-2 sticky z-[1] text-xs sm:text-sm md:text-base lg:text-lg underline"
46+
>
47+
View slides
48+
<Icon name="noto:backhand-index-pointing-right" class="w-4 h-4" />
49+
</NuxtLink>
4150
</div>
4251

43-
<NuxtLink :href="`/speaker/${session.Session_id.speakers.id}`" class="absolute inset-0"
44-
:title="`Speaker name: ${session.Session_id.speakers.name}`"
52+
<NuxtLink
53+
:href="`/speaker/${session.Session_id.speakers.id}`" class="absolute inset-0 !m-0"
54+
:title="`Speaker name: ${session.Session_id.speakers.name}`"
4555
>
4656
<span class="sr-only">{{ session.Session_id.speakers.name }}</span>
4757
</NuxtLink>

‎packages/frontendmu-nuxt/components/speaker/EventsList.vue

Lines changed: 25 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,32 @@ const props = defineProps({
1212
<template>
1313
<div>
1414
<ul role="list" class="flex flex-col gap-8 py-8">
15-
<li v-for="(session, index) in sessions" :key="index">
16-
<NuxtLink :href="`/meetup/${session.Events_id.id}`" class="space-y-4 flex gap-10">
17-
<span class="sr-only">{{ session.Events_id.title }}</span>
18-
<div class="space-y-2">
19-
<div>
20-
<span class="text-gray-500 font-bold font-mono">
21-
{{ new Date(session.Events_id.Date).toDateString() }}
22-
</span>
23-
<h3 class="text-xs font-medium lg:text-xl text-verse-400">
24-
{{ session.Events_id.title }}
25-
</h3>
26-
<p class="text-xs font-medium lg:text-2xl text-verse-500 dark:text-verse-200">
27-
{{ session.Session_id.title }}
28-
</p>
29-
</div>
15+
<li v-for="(session, index) in sessions" :key="index" class="relative space-y-4 flex gap-10">
16+
<span class="sr-only">{{ session.Events_id.title }}</span>
17+
<div class="space-y-2">
18+
<div>
19+
<span class="text-gray-500 font-bold font-mono">
20+
{{ new Date(session.Events_id.Date).toDateString() }}
21+
</span>
22+
<h3 class="text-xs font-medium lg:text-xl text-verse-400">
23+
{{ session.Events_id.title }}
24+
</h3>
25+
<p class="text-xs font-medium lg:text-2xl text-verse-500 dark:text-verse-200">
26+
{{ session.Session_id.title }}
27+
</p>
28+
<NuxtLink
29+
v-if="session.Session_id.deck"
30+
:href="session.Session_id.deck"
31+
target="_blank"
32+
rel="noopener noreferrer nofollow"
33+
class="w-fit flex flex-row items-center gap-1 py-2 sticky z-[1] text-xs sm:text-sm md:text-base lg:text-lg underline"
34+
>
35+
View slides
36+
<Icon name="noto:backhand-index-pointing-right" class="w-4 h-4" />
37+
</NuxtLink>
3038
</div>
31-
</NuxtLink>
39+
</div>
40+
<NuxtLink :href="`/meetup/${session.Events_id.id}`" class="absolute inset-0" />
3241
</li>
3342
</ul>
3443
</div>

‎packages/frontendmu-nuxt/utils/types.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -255,6 +255,7 @@ export interface Meetup {
255255
export interface SessionDetail {
256256
title: string
257257
speakers: Speaker
258+
deck?: string
258259
}
259260

260261
export interface Speaker {

0 commit comments

Comments
 (0)