feat: attempt to make og image on token page work (#193)

ArkProjectNFTs · Oct 8, 2024 · 0e866c5 · 0e866c5
1 parent 4d27df7
commit 0e866c5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/page.tsx b/apps/arkmarket/src/app/collection/[collectionAddress]/page.tsx
@@ -22,10 +22,12 @@ export default async function CollectionPage({ params }: CollectionPageProps) {
 
   return (
     <>
-      <meta
-        property="og:image"
-        content={`https://ark-market-unframed.vercel.app/api/og/collection?collection_address=${collectionAddress}`}
-      />
+      <head>
+        <meta
+          property="og:image"
+          content={`https://ark-market-unframed.vercel.app/api/og/collection?collection_address=${collectionAddress}`}
+        />
+      </head>
 
       <div className="flex min-h-[calc(100vh-var(--site-header-height))] flex-col">
         <CollectionBanner

diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/page.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/page.tsx
@@ -1,3 +1,5 @@
+"use server";
+
 import { notFound } from "next/navigation";
 
 import type { Token, TokenMarketData } from "~/types";
@@ -45,10 +47,12 @@ export default async function TokenPage({
 
   return (
     <>
-      <meta
-        property="og:image"
-        content={`https://ark-market-unframed.vercel.app/api/og/token?collection_address=${contractAddress}&token_id=${tokenId}`}
-      />
+      <head>
+        <meta
+          property="og:image"
+          content={`https://ark-market-unframed.vercel.app/api/og/token?collection_address=${contractAddress}&token_id=${tokenId}`}
+        />
+      </head>
       <main className="mx-auto max-w-[120rem] p-5 pt-0 lg:p-8">
         <div className="grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] lg:gap-8">
           <TokenSummary