this repo has no description
atmosphereconf-vods.wisp.place/
improve event button
+14
-9
+14
-9
src/routes/videos.$videoSlug.tsx
+14
-9
src/routes/videos.$videoSlug.tsx
···
5
5
useRouter,
6
6
} from "@tanstack/react-router";
7
7
import * as stylex from "@stylexjs/stylex";
8
+
import { Link as AriaLink } from "react-aria-components";
8
9
9
10
import {
10
11
Card,
···
35
36
getTrackBySlug,
36
37
} from "#/lib/conference";
37
38
import { fontFamily, fontSize } from "../components/theme/typography.stylex";
38
-
import { ArrowLeft } from "lucide-react";
39
+
import { ArrowLeft, Calendar } from "lucide-react";
39
40
import { radius } from "../components/theme/radius.stylex";
40
41
import { animationDuration } from "../components/theme/animations.stylex";
42
+
import { Tooltip } from "#/components/tooltip";
41
43
42
44
const RouterLink = createLink(DSLink);
43
45
···
282
284
<Flex direction="column" gap="xl">
283
285
<Flex direction="row" gap="xl">
284
286
{session.atmoRsvpUrl && (
285
-
<a
286
-
href={session.atmoRsvpUrl}
287
-
target="_blank"
288
-
rel="noopener noreferrer"
289
-
{...stylex.props(styles.atmoRsvpLink)}
290
-
>
291
-
View Event
292
-
</a>
287
+
<Tooltip text="View event">
288
+
<AriaLink
289
+
href={session.atmoRsvpUrl}
290
+
target="_blank"
291
+
rel="noopener noreferrer"
292
+
aria-label="View event"
293
+
{...stylex.props(styles.atmoRsvpLink)}
294
+
>
295
+
<Calendar />
296
+
</AriaLink>
297
+
</Tooltip>
293
298
)}
294
299
<SpeakerList
295
300
speakers={session.speakerProfiles}