import Head from 'next/head'
export type OgCardProps = {
question: string
probability: string
metadata: string
creatorName: string
creatorUsername: string
// TODO: Store creator avatar url in each contract, then enable this
// creatorAvatarUrl: string
}
function buildCardUrl(props: OgCardProps) {
// URL encode each of the props, then add them as query params
return (
`https://manifold-og-image.vercel.app/m.png` +
`?question=${encodeURIComponent(props.question)}` +
`&probability=${encodeURIComponent(props.probability)}` +
`&metadata=${encodeURIComponent(props.metadata)}` +
`&creatorName=${encodeURIComponent(props.creatorName)}` +
`&creatorUsername=${encodeURIComponent(props.creatorUsername)}`
)
}
export function SEO(props: {
title: string
description: string
url?: string
children?: any[]
ogCardProps?: OgCardProps
}) {
const { title, description, url, children, ogCardProps } = props
return (
{title} | Manifold Markets
{url && (
)}
{ogCardProps && (
<>
)}
{children}
)
}