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

add meta tags to contract

Browse Source
This commit is contained in:
mantikoros 2021-12-15 21:14:00 -06:00
parent fe9def453b
commit d59666e7e3
2 changed files with 50 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
web/pages/[username]/[contractId].tsx
View File

@ -1,5 +1,8 @@
import React from 'react' import React from 'react'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import Head from 'next/head'
import clsx from 'clsx'
import { useContract } from '../../hooks/use-contract' import { useContract } from '../../hooks/use-contract'
import { Header } from '../../components/header' import { Header } from '../../components/header'
import { ContractOverview } from '../../components/contract-overview' import { ContractOverview } from '../../components/contract-overview'
@ -7,31 +10,73 @@ import { BetPanel } from '../../components/bet-panel'
import { Col } from '../../components/layout/col' import { Col } from '../../components/layout/col'
import { useUser } from '../../hooks/use-user' import { useUser } from '../../hooks/use-user'
import { ResolutionPanel } from '../../components/resolution-panel' import { ResolutionPanel } from '../../components/resolution-panel'
import clsx from 'clsx' // import { Contract, getContract } from '../../lib/firebase/contracts'
// export async function getStaticProps({ params }: { params: any }) {
// console.log('params', params)
// const contract = await getContract(params.contractId)
export default function ContractPage() { // return {
// props: {
// contract: contract || null
// }
// }
// }
// export async function getStaticPaths() {
// return {
// paths: [],
// fallback: true,
// }
// }
export default function ContractPage() {//{ contract }: { contract: Contract }) {
const user = useUser() const user = useUser()
const router = useRouter() const router = useRouter()
const { contractId } = router.query as { contractId: string } const { contractId } = router.query as { contractId: string }
const contract = useContract(contractId) const contract = useContract(contractId)
if (contract === 'loading') { if (contract === 'loading') {
return <div /> return <div />
} }
if (!contract) { if (!contract) {
return <div>Contract not found...</div> return <div>Contract not found...</div>
} }
// if (contract === null) {
// return <div>Contract not found...</div>
// }
// if (!contract)
// return <div />
const { creatorId, isResolved } = contract const { creatorId, isResolved } = contract
const isCreator = user?.id === creatorId const isCreator = user?.id === creatorId
return ( return (
<Col className="max-w-7xl mx-auto sm:px-6 lg:px-8"> <Col className="max-w-7xl mx-auto sm:px-6 lg:px-8">
<Head>
<title>{contract.question}</title>
<meta
property="og:title"
name="twitter:title"
content={contract.question}
key="title"
/>
<meta
name="description"
content={contract.description}
/>
<meta
property="og:description"
name="twitter:description"
content={contract.description}
/>
</Head>
<Header /> <Header />
<Col <Col
className={clsx( className={clsx(
'w-full items-start md:flex-row mt-4', 'w-full items-start md:flex-row mt-4',

1
web/pages/_document.tsx
View File

@ -10,6 +10,7 @@ export default function Document() {
property="og:title" property="og:title"
name="twitter:title" name="twitter:title"
content="Mantic Markets" content="Mantic Markets"
key="title"
/> />
<meta <meta
name="description" name="description"