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

test

Browse Source
This commit is contained in:
mantikoros 2021-12-15 22:52:07 -06:00
parent 9bd0ad7211
commit 318e22b97d
3 changed files with 63 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,8 +13,8 @@ import { ResolutionPanel } from '../../components/resolution-panel'
import { Contract, getContract } from '../../lib/firebase/contracts'
export async function getServerSideProps({ params }: { params: any }) {
console.log('params', params)
const contract = await getContract(params.contractId)
// console.log('params', params, 'contract', contract)
return {
props: {
@ -54,10 +54,9 @@ export default function ContractPage({ contract }: { contract: Contract }) {
const isCreator = false
return (
<>
<Col className="max-w-7xl mx-auto sm:px-6 lg:px-8">
<Head>
<title>{contract.question}</title>
<title>{contract.question} | Mantic Markets</title>
<meta
property="og:title"
name="twitter:title"
@ -72,35 +71,33 @@ export default function ContractPage({ contract }: { contract: Contract }) {
/>
</Head>
<Col className="max-w-7xl mx-auto sm:px-6 lg:px-8">
<Header />
<Header />
<Col
className={clsx(
'w-full items-start md:flex-row mt-4',
isResolved ? 'md:justify-center' : 'md:justify-between'
)}
>
<ContractOverview
contract={contract}
className="max-w-4xl w-full p-4"
/>
<Col
className={clsx(
'w-full items-start md:flex-row mt-4',
isResolved ? 'md:justify-center' : 'md:justify-between'
)}
>
<ContractOverview
contract={contract}
className="max-w-4xl w-full p-4"
/>
{!isResolved && (
<>
<div className="mt-12 md:mt-0 md:ml-8" />
{!isResolved && (
<>
<div className="mt-12 md:mt-0 md:ml-8" />
<Col className="w-full sm:w-auto sm:self-center">
<BetPanel contract={contract} />
<Col className="w-full sm:w-auto sm:self-center">
<BetPanel contract={contract} />
{isCreator && user && (
<ResolutionPanel creator={user} contract={contract} />
)}
</Col>
</>
)}
</Col>
{isCreator && user && (
<ResolutionPanel creator={user} contract={contract} />
)}
</Col>
</>
)}
</Col>
</>
</Col>
)
}

35
web/pages/_app.tsx
View File

@ -1,8 +1,41 @@
import 'tailwindcss/tailwind.css'
import type { AppProps } from 'next/app'
import Head from 'next/head'
function MyApp({ Component, pageProps }: AppProps) {
return <Component {...pageProps} />
return (
<>
<Head>
<title>Mantic Markets</title>
<meta
property="og:title"
name="twitter:title"
content="Mantic Markets"
key="title"
/>
<meta
name="description"
content="Mantic Markets is creating better forecasting through user-created prediction markets."
/>
<meta
property="og:description"
name="twitter:description"
content="Mantic Markets is creating better forecasting through user-created prediction markets."
/>
<meta property="og:url" content="https://mantic.markets" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@manticmarkets" />
<meta
property="og:image"
name="twitter:image"
content="https://mantic.markets/logo-cover.png"
/>
</Head>
<Component {...pageProps} />
</>
)
}
export default MyApp

32
web/pages/_document.tsx
View File

@ -3,34 +3,7 @@ import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html data-theme="mantic" className="min-h-screen">
<Head />
{/* <Head>
<title>Mantic Markets</title>
<meta
property="og:title"
name="twitter:title"
content="Mantic Markets"
key="title"
/>
<meta
name="description"
content="Mantic Markets is creating better forecasting through user-created prediction markets."
/>
<meta
property="og:description"
name="twitter:description"
content="Mantic Markets is creating better forecasting through user-created prediction markets."
/>
<meta property="og:url" content="https://mantic.markets" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@manticmarkets" />
<meta
property="og:image"
name="twitter:image"
content="https://mantic.markets/logo-cover.png"
/>
<Head>
<link rel="icon" href="/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
@ -58,7 +31,8 @@ export default function Document() {
`,
}}
/>
</Head> */}
</Head>
<body className="min-h-screen font-readex-pro bg-base-200">
<Main />
<NextScript />