atmo.rsvp
fix og image in discord
+4
-3
+2
-1
src/routes/+layout.svelte
+2
-1
src/routes/+layout.svelte
···
5
5
import { user } from '$lib/atproto/auth.svelte';
6
6
import { Head, Navbar, Button, Avatar } from '@foxui/core';
7
7
import { resolve } from '$app/paths';
8
+
import { page } from '$app/state';
8
9
9
10
let { children } = $props();
10
11
</script>
···
66
67
title="atmo.rsvp"
67
68
emojiFavicon="🗓️"
68
69
description="discover and attend events"
69
-
image="/og.png"
70
+
image={page.data?.ogImage ?? '/og.png'}
70
71
/>
+2
-1
src/routes/p/[actor]/e/[rkey]/+page.server.ts
+2
-1
src/routes/p/[actor]/e/[rkey]/+page.server.ts
···
13
13
RSVP_HYDRATE_LIMIT
14
14
} from '$lib/contrail';
15
15
16
-
export async function load({ params, locals }) {
16
+
export async function load({ params, locals, url }) {
17
17
const { rkey } = params;
18
18
19
19
const did = await getActor(params.actor);
···
68
68
]);
69
69
70
70
return {
71
+
ogImage: `${url.origin}${url.pathname}/og.png`,
71
72
eventData,
72
73
actorDid: did,
73
74
rkey,
-1
src/routes/p/[actor]/e/[rkey]/+page.svelte
-1
src/routes/p/[actor]/e/[rkey]/+page.svelte
···
297
297
<meta name="description" content={eventData.description || `Event: ${eventData.name}`} />
298
298
<meta property="og:title" content={eventData.name} />
299
299
<meta property="og:description" content={eventData.description || `Event: ${eventData.name}`} />
300
-
<meta property="og:image" content={ogImageUrl} />
301
300
<meta name="twitter:card" content="summary_large_image" />
302
301
<meta name="twitter:title" content={eventData.name} />
303
302
<meta name="twitter:description" content={eventData.description || `Event: ${eventData.name}`} />