fix(meta): add twitter:title and twitter:description (#6214)

prisma · Aug 19, 2024 · 6123c06 · 6123c06
1 parent acb280e
commit 6123c06
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/src/theme/DocItem/Metadata/index.tsx b/src/theme/DocItem/Metadata/index.tsx
@@ -12,12 +12,21 @@ type PrismaDocFrontMatter = DocFrontMatter & {
 export default function DocItemMetadata(): JSX.Element {
   const { metadata, frontMatter, assets } = useDoc();
   const prismaFrontMatter = frontMatter as PrismaDocFrontMatter;
+
+  const title = prismaFrontMatter.metaTitle ?? prismaFrontMatter.title ?? metadata.title;
+  const description = prismaFrontMatter.metaDescription ?? metadata.description;
+  const keywords = prismaFrontMatter.keywords;
+  const image = assets.image ?? prismaFrontMatter.image;
+
   return (
     <PageMetadata
-      title={prismaFrontMatter.metaTitle ?? prismaFrontMatter.title ?? metadata.title}
-      description={prismaFrontMatter.metaDescription ?? metadata.description}
-      keywords={prismaFrontMatter.keywords}
-      image={assets.image ?? prismaFrontMatter.image}
-    />
+      title={title}
+      description={description}
+      keywords={keywords}
+      image={image}
+    >
+      <meta name="twitter:title" content={title} />
+      <meta name="twitter:description" content={description} />
+    </PageMetadata>
   );
 }