2022-05-26 22:22:44 +00:00
|
|
|
import { ReactNode } from 'react'
|
2021-12-16 18:40:23 +00:00
|
|
|
import Head from 'next/head'
|
2022-08-04 21:27:02 +00:00
|
|
|
import { Challenge } from 'common/challenge'
|
2022-08-19 17:43:57 +00:00
|
|
|
import { buildCardUrl, OgCardProps } from 'common/contract-details'
|
2022-01-10 07:05:24 +00:00
|
|
|
|
2021-12-16 18:40:23 +00:00
|
|
|
export function SEO(props: {
|
|
|
|
|
title: string
|
|
|
|
|
description: string
|
|
|
|
|
url?: string
|
2022-05-26 22:22:44 +00:00
|
|
|
children?: ReactNode
|
2022-01-10 07:05:24 +00:00
|
|
|
ogCardProps?: OgCardProps
|
2022-08-04 21:27:02 +00:00
|
|
|
challenge?: Challenge
|
2021-12-16 18:40:23 +00:00
|
|
|
}) {
|
2022-08-04 21:27:02 +00:00
|
|
|
const { title, description, url, children, ogCardProps, challenge } = props
|
2021-12-16 18:40:23 +00:00
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Head>
|
2022-10-05 06:16:39 +00:00
|
|
|
<title>{`${title} | Manifold Markets`}</title>
|
2021-12-16 18:40:23 +00:00
|
|
|
|
|
|
|
|
<meta
|
|
|
|
|
property="og:title"
|
|
|
|
|
name="twitter:title"
|
|
|
|
|
content={title}
|
|
|
|
|
key="title"
|
|
|
|
|
/>
|
|
|
|
|
<meta name="description" content={description} key="description1" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
name="twitter:description"
|
|
|
|
|
content={description}
|
|
|
|
|
key="description2"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
{url && (
|
|
|
|
|
<meta
|
|
|
|
|
property="og:url"
|
2022-01-06 18:48:30 +00:00
|
|
|
content={'https://manifold.markets' + url}
|
2021-12-16 18:40:23 +00:00
|
|
|
key="url"
|
|
|
|
|
/>
|
|
|
|
|
)}
|
|
|
|
|
|
2022-01-10 07:05:24 +00:00
|
|
|
{ogCardProps && (
|
|
|
|
|
<>
|
|
|
|
|
<meta
|
|
|
|
|
property="og:image"
|
2022-08-04 21:27:02 +00:00
|
|
|
content={buildCardUrl(ogCardProps, challenge)}
|
2022-01-10 07:05:24 +00:00
|
|
|
key="image1"
|
|
|
|
|
/>
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" key="card" />
|
|
|
|
|
<meta
|
|
|
|
|
name="twitter:image"
|
2022-08-04 21:27:02 +00:00
|
|
|
content={buildCardUrl(ogCardProps, challenge)}
|
2022-01-10 07:05:24 +00:00
|
|
|
key="image2"
|
|
|
|
|
/>
|
|
|
|
|
</>
|
|
|
|
|
)}
|
|
|
|
|
|
2021-12-16 18:40:23 +00:00
|
|
|
{children}
|
|
|
|
|
</Head>
|
|
|
|
|
)
|
|
|
|
|
}
|
