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

was any of this worth it

Browse Source
This commit is contained in:
ingawei 2022-10-03 13:34:19 -07:00
parent dff00d1e9d
commit b9108d6b82
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/pages/embed/[username]/[contractSlug].tsx
View File

@ -30,6 +30,7 @@ import Custom404 from '../../404'
import { useUser } from 'web/hooks/use-user' import { useUser } from 'web/hooks/use-user'
import { QuickBet } from 'web/components/contract/quick-bet' import { QuickBet } from 'web/components/contract/quick-bet'
import { contractMetrics } from 'common/contract-details' import { contractMetrics } from 'common/contract-details'
import Image from 'next/future/image'
export const getStaticProps = fromPropz(getStaticPropz) export const getStaticProps = fromPropz(getStaticPropz)
export async function getStaticPropz(props: { export async function getStaticPropz(props: {
@ -93,42 +94,43 @@ export function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
const user = useUser() const user = useUser()
if (user && (isBinary || isPseudoNumeric)) { if (user && (isBinary || isPseudoNumeric)) {
return ( return (
<Row className="border-greyscale-2 bg-greyscale-1 h-full w-full justify-between overflow-hidden rounded-lg border-2 p-4"> <Col className="border-greyscale-2 h-full w-full justify-between overflow-hidden rounded-lg border-2 bg-white p-4">
<Col className="w-5/6"> <Row className="mb-1 justify-between">
<Col> <MarketSubheader contract={contract} disabled />
<div className="text-md text-indigo-700 md:text-xl"> <SiteLink href={href} className="mt-0">
<SiteLink href={href}>{question}</SiteLink> <Image height={32} width={32} alt="Manifold logo" src="/logo.png" />
</div> </SiteLink>
<Row className="gap-4">
<div className="text-greyscale-4 text-xs">@{creatorUsername}</div>
<div className="text-greyscale-6 text-xs">{creatorUsername}</div>
</Row> </Row>
</Col> <SiteLink href={href} className="text-md text-indigo-700 md:text-xl">
{question}
</SiteLink>
<Row>
<div className="mx-1 mb-2 min-h-0 flex-1" ref={setElem}> <div className="mx-1 mb-2 min-h-0 flex-1" ref={setElem}>
<ContractChart contract={contract} bets={bets} height={150} /> <ContractChart contract={contract} bets={bets} height={150} />
</div> </div>
</Col>
<QuickBet <QuickBet
user={user} user={user}
contract={contract} contract={contract}
noProbBar={true} noProbBar={true}
className="-mr-5" className="mx-auto -mr-5"
/> />
</Row> </Row>
</Col>
) )
} else } else
return ( return (
<Col className="border-greyscale-2 bg-greyscale-1 h-full w-full justify-between overflow-hidden rounded-lg border-2 p-4"> <Col className="border-greyscale-2 h-full w-full justify-between overflow-hidden rounded-lg border-2 bg-white p-4">
<Row className="mb-1 justify-between">
<MarketSubheader contract={contract} disabled />
<SiteLink href={href} className="mt-0">
<Image height={32} width={32} alt="Manifold logo" src="/logo.png" />
</SiteLink>
</Row>
<Row className="justify-between gap-4"> <Row className="justify-between gap-4">
<Col> <Col>
<div className="text-md text-lg text-indigo-700 md:text-xl"> <div className="text-md text-indigo-700 md:text-xl">
<SiteLink href={href}>{question}</SiteLink> <SiteLink href={href}>{question}</SiteLink>
</div> </div>
{/* <MarketSubheader contract={contract} disabled /> */}
<Row>
<div className="text-greyscale-4 text-xs">@{creatorUsername}</div>
<div className="text-greyscale-4 text-xs">@{creatorUsername}</div>
</Row>
</Col> </Col>
<Col> <Col>
{!user && isBinary && ( {!user && isBinary && (