From e818f1005ec98a28eb7bae0e2abf701e850d8182 Mon Sep 17 00:00:00 2001
From: Matt Lewis <matt@mplewis.com>
Date: Mon, 18 Nov 2024 13:33:37 -0700
Subject: [PATCH] fix: use og image for event preview

---
 NOTES.md                                   | 1 +
 web/src/components/ShowEvent/ShowEvent.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/NOTES.md b/NOTES.md
index 8468fc8..9bf11e7 100644
--- a/NOTES.md
+++ b/NOTES.md
@@ -40,6 +40,7 @@
 - [ ] Make Sentry DSN optional
 - [ ] Consensually gather user emails for mailing list
 - [ ] Add pretty error messages for 404s (e.g. clicked an expired/tidied link)
+- [ ] Redirect old slugs on slug change
 - [x] Hold RSVP locally with cookie
 - [x] **Scheduler engine**
   - [x] Send reminders
diff --git a/web/src/components/ShowEvent/ShowEvent.tsx b/web/src/components/ShowEvent/ShowEvent.tsx
index 6a4f7c0..57bd8be 100644
--- a/web/src/components/ShowEvent/ShowEvent.tsx
+++ b/web/src/components/ShowEvent/ShowEvent.tsx
@@ -9,6 +9,7 @@ import {
   prettyStartWithUntil,
 } from 'src/apiLib/convert/date'
 import { markdownToHTML } from 'src/apiLib/markdown'
+import { eventPreviewImagePublicURL } from 'src/apiLib/url'
 import { SITE_HOST } from 'src/app.config'
 import { responseTokenAtom } from 'src/data/atoms'
 import { scrollTo } from 'src/logic/scroll'
@@ -115,7 +116,11 @@ const ShowEvent = ({ event, preview }: Props) => {
       {preview ? (
         <Typ x="head">{event.title}</Typ>
       ) : (
-        <PageHead title={event.title} desc={event.description.slice(0, 80)} />
+        <PageHead
+          title={event.title}
+          desc={event.description.slice(0, 80)}
+          ogImage={eventPreviewImagePublicURL(event.slug)}
+        />
       )}
       <Typ x="p">
         <strong>From:</strong> {prettyStartWithUntil(start, tz)}