diff --git a/app/[leaflet_id]/opengraph-image.tsx b/app/[leaflet_id]/opengraph-image.tsx index 280f2ab6..70682a7f 100644 --- a/app/[leaflet_id]/opengraph-image.tsx +++ b/app/[leaflet_id]/opengraph-image.tsx @@ -4,7 +4,8 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { leaflet_id: string }; + params: Promise<{ leaflet_id: string }>; }) { - return getMicroLinkOgImage(`/${props.params.leaflet_id}`); + let params = await props.params; + return getMicroLinkOgImage(`/${params.leaflet_id}`); } diff --git a/app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts b/app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts index 105406cd..894bb7b3 100644 --- a/app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts +++ b/app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts @@ -5,11 +5,12 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { publication: string; did: string; rkey: string; quote: string }; + params: Promise<{ publication: string; did: string; rkey: string; quote: string }>; }) { - let quotePosition = decodeQuotePosition(props.params.quote); + let params = await props.params; + let quotePosition = decodeQuotePosition(params.quote); return getMicroLinkOgImage( - `/lish/${decodeURIComponent(props.params.did)}/${decodeURIComponent(props.params.publication)}/${props.params.rkey}/l-quote/${props.params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`, + `/lish/${decodeURIComponent(params.did)}/${decodeURIComponent(params.publication)}/${params.rkey}/l-quote/${params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`, { width: 620, height: 324, diff --git a/app/lish/[did]/[publication]/[rkey]/opengraph-image.ts b/app/lish/[did]/[publication]/[rkey]/opengraph-image.ts index 5095236f..6772b28b 100644 --- a/app/lish/[did]/[publication]/[rkey]/opengraph-image.ts +++ b/app/lish/[did]/[publication]/[rkey]/opengraph-image.ts @@ -4,9 +4,10 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { publication: string; did: string; rkey: string }; + params: Promise<{ publication: string; did: string; rkey: string }>; }) { + let params = await props.params; return getMicroLinkOgImage( - `/lish/${decodeURIComponent(props.params.did)}/${decodeURIComponent(props.params.publication)}/${props.params.rkey}/`, + `/lish/${decodeURIComponent(params.did)}/${decodeURIComponent(params.publication)}/${params.rkey}/`, ); } diff --git a/app/lish/[did]/[publication]/opengraph-image.ts b/app/lish/[did]/[publication]/opengraph-image.ts index 743de354..f47d466a 100644 --- a/app/lish/[did]/[publication]/opengraph-image.ts +++ b/app/lish/[did]/[publication]/opengraph-image.ts @@ -4,9 +4,10 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { publication: string; did: string }; + params: Promise<{ publication: string; did: string }>; }) { + let params = await props.params; return getMicroLinkOgImage( - `/lish/${encodeURIComponent(props.params.did)}/${encodeURIComponent(props.params.publication)}/`, + `/lish/${encodeURIComponent(params.did)}/${encodeURIComponent(params.publication)}/`, ); } diff --git a/app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts b/app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts index 8d087ed2..7d8af8ff 100644 --- a/app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts +++ b/app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts @@ -5,11 +5,12 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { didOrHandle: string; rkey: string; quote: string }; + params: Promise<{ didOrHandle: string; rkey: string; quote: string }>; }) { - let quotePosition = decodeQuotePosition(props.params.quote); + let params = await props.params; + let quotePosition = decodeQuotePosition(params.quote); return getMicroLinkOgImage( - `/p/${decodeURIComponent(props.params.didOrHandle)}/${props.params.rkey}/l-quote/${props.params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`, + `/p/${decodeURIComponent(params.didOrHandle)}/${params.rkey}/l-quote/${params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`, { width: 620, height: 324, diff --git a/app/p/[didOrHandle]/[rkey]/opengraph-image.ts b/app/p/[didOrHandle]/[rkey]/opengraph-image.ts index 21d4b2db..c27a08aa 100644 --- a/app/p/[didOrHandle]/[rkey]/opengraph-image.ts +++ b/app/p/[didOrHandle]/[rkey]/opengraph-image.ts @@ -4,9 +4,10 @@ export const runtime = "edge"; export const revalidate = 60; export default async function OpenGraphImage(props: { - params: { rkey: string; didOrHandle: string }; + params: Promise<{ rkey: string; didOrHandle: string }>; }) { + let params = await props.params; return getMicroLinkOgImage( - `/p/${props.params.didOrHandle}/${props.params.rkey}/`, + `/p/${params.didOrHandle}/${params.rkey}/`, ); }