Skip to content

Commit e799d34

Browse files
MrSunshyneMrSunshyne
authored
Merge pull request #267 from frontendmu/feat/add-slides-link
Add slides link
2 parents 0831c0e + a5acd22 commit e799d34

File tree

4 files changed

+55
-40
lines changed

4 files changed

+55
-40
lines changed

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

Lines changed: 27 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
<script setup lang="ts">
2-
// import { Image } from "astro:assets";
32
import { getGithubUrl } from '@/utils/helpers'
43
import type { Session } from '@/utils/types'
5-
// import { vTransitionName } from "@/utils/helpers";
4+
import { vTransitionName } from "@/utils/helpers";
65
76
const props = defineProps({
87
sessions: {
@@ -22,26 +21,36 @@ function getSpeakerPhoto(githubAccount: string) {
2221
Agenda
2322
</div>
2423
<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')"
24+
<li v-for="(session, index) in sessions" :key="index" class="flex flex-row items-center sm:items-start gap-5 lg:gap-10 relative">
25+
<img
26+
class="h-16 sm:h-20 w-16 sm: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')"
3030
>
3131

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>
32+
<div>
33+
<h3 class="font-heading text-xs font-medium sm:text-sm md:text-base lg:text-xl text-verse-500 dark:text-verse-400">
34+
{{ session.Session_id.speakers.name }}
35+
</h3>
36+
<p class="text-sm font-bold sm:text-base md:text-lg lg:text-2xl text-verse-800 dark:text-verse-200">
37+
{{ session.Session_id.title }}
38+
</p>
39+
<NuxtLink
40+
v-if="session.Session_id.deck"
41+
:href="session.Session_id.deck"
42+
target="_blank"
43+
rel="noopener noreferrer nofollow"
44+
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"
45+
>
46+
View slides
47+
<Icon name="noto:backhand-index-pointing-right" class="w-4 h-4" />
48+
</NuxtLink>
4149
</div>
4250

43-
<NuxtLink :href="`/speaker/${session.Session_id.speakers.id}`" class="absolute inset-0"
44-
:title="`Speaker name: ${session.Session_id.speakers.name}`"
51+
<NuxtLink
52+
:href="`/speaker/${session.Session_id.speakers.id}`" class="absolute inset-0"
53+
:title="`Speaker name: ${session.Session_id.speakers.name}`"
4554
>
4655
<span class="sr-only">{{ session.Session_id.speakers.name }}</span>
4756
</NuxtLink>

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

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,15 +41,11 @@ const currentAlbum = computed(() => fetchAlbumDetails(props.getCurrentEvent?.alb
4141
<div class="relative">
4242
<!-- Content area -->
4343
<div>
44-
<template v-if="isDateInFuture(getCurrentEvent.Date || '')">
44+
<template v-if="isDateInFuture(new Date(getCurrentEvent.Date || new Date))">
4545
<div class="flex flex-col pb-4 gap-2 md:flex-row md:justify-between md:items-center">
4646
<div class="flex w-full items-center justify-start">
4747
<p
48-
class="p-2 rounded-full text-sm font-medium tracking-wide uppercase px-4" :class="[
49-
isDateInFuture(getCurrentEvent.Date || '')
50-
? 'tagStyle bg-green-100 text-green-800'
51-
: 'tagStyle bg-yellow-100 text-yellow-800',
52-
]"
48+
class="p-2 rounded-full text-sm font-medium tracking-wide uppercase px-4 tagStyle bg-green-100 text-green-800"
5349
>
5450
happening soon
5551
</p>

‎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)