Embedded market: Make only top section a link

This commit is contained in:
James Grugett 2022-03-20 18:17:37 -05:00
parent cc15eb2044
commit 7df69dda4d

View File

@ -86,25 +86,29 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
const href = `https://${DOMAIN}${contractPath(contract)}` const href = `https://${DOMAIN}${contractPath(contract)}`
return ( return (
<Col className="w-full flex-1 bg-white py-2 relative"> <Col className="w-full flex-1 bg-white py-2">
<SiteLink <Col className="relative">
className="absolute top-0 left-0 w-full h-full z-20" <SiteLink
href={href} className="absolute top-0 left-0 w-full h-full z-20"
/> href={href}
/>
<div className="px-3 text-xl md:text-2xl text-indigo-700"> <div className="px-3 text-xl md:text-2xl text-indigo-700">
<Linkify text={question} /> <Linkify text={question} />
</div> </div>
<Spacer h={3} /> <Spacer h={3} />
<Row className="items-center justify-between gap-4 px-2"> <Row className="items-center justify-between gap-4 px-2">
<ContractDetails contract={contract} isCreator={false} hideTweetBtn /> <ContractDetails contract={contract} isCreator={false} hideTweetBtn />
{(isBinary || resolution) && <ResolutionOrChance contract={contract} />} {(isBinary || resolution) && (
</Row> <ResolutionOrChance contract={contract} />
)}
</Row>
<Spacer h={2} /> <Spacer h={2} />
</Col>
<div className="mx-1"> <div className="mx-1">
{isBinary ? ( {isBinary ? (