Merge pull request #473 from reservoirprotocol/armando/grwth-4045-ena…

…ble-zora-minting-through-warp-iap Armando/grwth 4045 enable zora minting through warp iap
reservoirprotocol · Feb 9, 2024 · eeab881 · eeab881
2 parents a56036f + 4b5825b
commit eeab881
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/components/Head.tsx b/components/Head.tsx
@@ -5,6 +5,7 @@ type Props = {
   ogImage?: string
   title?: string
   description?: string
+  metatags?: React.ReactNode
 }
 
 /**
@@ -17,6 +18,7 @@ export const Head: FC<Props> = ({
   ogImage = 'https://explorer.reservoir.tools/og-image.png',
   title = 'Reservoir | Multi-Chain NFT Explorer',
   description = 'Reservoir Multi-Chain NFT Explorer is an open source NFT explorer built with Reservoir.',
+  metatags = null,
 }) => {
   return (
     <NextHead>
@@ -47,6 +49,9 @@ export const Head: FC<Props> = ({
       <meta property="og:image:width" content="1200" />
       <meta property="og:image:height" content="630" />
       <meta property="og:image:alt" content="Reservoir NFT Explorer Banner" />
+
+      {/* Child Meta tags */}
+      {metatags && metatags}
     </NextHead>
   )
 }
diff --git a/pages/[chain]/asset/[assetId].tsx b/pages/[chain]/asset/[assetId].tsx
@@ -232,6 +232,45 @@ const IndexPage: NextPage<Props> = ({ assetId, ssr }) => {
         ogImage={token?.token?.image || collection?.banner}
         title={pageTitle}
         description={collection?.description as string}
+        metatags={
+          <>
+            <meta
+              property="og:title"
+              content={`Farcaster: ${token?.token?.name}`}
+            />
+            <meta property="og:image" content={token?.token?.image} />
+
+            <meta
+              property="eth:nft:collection"
+              content={`Farcaster: ${token?.token?.name}`}
+            />
+            <meta
+              property="eth:nft:contract_address"
+              content={token?.token?.contract}
+            />
+            <meta
+              property="eth:nft:creator_address"
+              content={token?.token?.collection?.creator}
+            />
+            <meta
+              property="eth:nft:schema"
+              content={token?.token?.kind?.toUpperCase()}
+            />
+            <meta property="eth:nft:media_url" content={token?.token?.image} />
+
+            <meta property="fc:frame" content="vNext" />
+            <meta
+              property="fc:frame:image"
+              content={token?.token?.image || collection?.banner}
+            />
+            <meta property="fc:frame:button:1" content="Mint" />
+            <meta property="fc:frame:button:1:action" content="mint" />
+            <meta
+              property="fc:frame:button:1:target"
+              content={`eip155:7777777:${token?.token?.contract}:${token?.token?.tokenId}`}
+            />
+          </>
+        }
       />
       <Flex
         justify="center"