open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rename to ogCardProps

Browse Source
This commit is contained in:
Austin Chen 2022-01-10 01:50:16 -05:00
parent 2bf651993b
commit e14970dc70
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/SEO.tsx
View File

@ -1,6 +1,6 @@
import Head from 'next/head'
export type OpenGraphProps = {
export type OgCardProps = {
question: string
probability: string
metadata: string
@ -9,7 +9,7 @@ export type OpenGraphProps = {
creatorAvatarUrl: string
}
function buildCardUrl(props: OpenGraphProps) {
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` +
@ -27,9 +27,9 @@ export function SEO(props: {
description: string
url?: string
children?: any[]
openGraph?: OpenGraphProps
ogCardProps?: OgCardProps
}) {
const { title, description, url, children, openGraph } = props
const { title, description, url, children, ogCardProps } = props
return (
<Head>
@ -57,17 +57,17 @@ export function SEO(props: {
/>
)}
{openGraph && (
{ogCardProps && (
<>
<meta
property="og:image"
content={buildCardUrl(openGraph)}
content={buildCardUrl(ogCardProps)}
key="image1"
/>
<meta name="twitter:card" content="summary_large_image" key="card" />
<meta
name="twitter:image"
content={buildCardUrl(openGraph)}
content={buildCardUrl(ogCardProps)}
key="image2"
/>
</>

4
web/pages/[username]/[contractSlug].tsx
View File

@ -64,7 +64,7 @@ export default function ContractPage(props: {
? `Resolved ${resolution}. ${contract.description}`
: `${probPercent} chance. ${contract.description}`
const openGraphProps = {
const ogCardProps = {
question,
probability: probPercent,
metadata: contractTextDetails(contract),
@ -80,7 +80,7 @@ export default function ContractPage(props: {
title={question}
description={description}
url={`/${props.username}/${props.slug}`}
openGraph={openGraphProps}
ogCardProps={ogCardProps}
/>
<Col className="w-full md:flex-row justify-between mt-6">