Add bet buttons to embed

- Make only title link to market
- Prevent avatar / username from being clicked on

web/components/contract/contract-details.tsx

@@ -70,9 +70,9 @@ export function ContractDetails(props: {
   contract: Contract
   bets: Bet[]
   isCreator?: boolean
-  hideShareButtons?: boolean
+  disabled?: boolean
 }) {
-  const { contract, bets, isCreator, hideShareButtons } = props
+  const { contract, bets, isCreator, disabled } = props
   const { closeTime, creatorName, creatorUsername } = contract
   const { volumeLabel, createdDate, resolvedDate } = contractMetrics(contract)
 
@@ -83,13 +83,18 @@ export function ContractDetails(props: {
           <Avatar
             username={creatorUsername}
             avatarUrl={contract.creatorAvatarUrl}
+            noLink={disabled}
             size={6}
           />
+          {disabled ? (
+            creatorName
+          ) : (
             <UserLink
               className="whitespace-nowrap"
               name={creatorName}
               username={creatorUsername}
             />
+          )}
         </Row>
 
         {(!!closeTime || !!resolvedDate) && (
@@ -131,9 +136,7 @@ export function ContractDetails(props: {
           <div className="whitespace-nowrap">{volumeLabel}</div>
         </Row>
 
-        {!hideShareButtons && (
-          <ContractInfoDialog contract={contract} bets={bets} />
-        )}
+        {!disabled && <ContractInfoDialog contract={contract} bets={bets} />}
       </Row>
     </Col>
   )

web/pages/embed/[username]/[contractSlug].tsx

@@ -1,7 +1,14 @@
 import { Bet } from 'common/bet'
-import { Contract, DPM, FreeResponse, FullContract } from 'common/contract'
+import {
+  BinaryContract,
+  Contract,
+  DPM,
+  FreeResponse,
+  FullContract,
+} from 'common/contract'
 import { DOMAIN } from 'common/envs/constants'
 import { AnswersGraph } from 'web/components/answers/answers-graph'
+import BetRow from 'web/components/bet-row'
 import {
   BinaryResolutionOrChance,
   FreeResponseResolutionOrChance,
@@ -92,13 +99,8 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
   return (
     <Col className="w-full flex-1 bg-white">
       <div className="relative flex flex-col pt-2" ref={setElem}>
-        <SiteLink
-          className="absolute top-0 left-0 z-20 h-full w-full"
-          href={href}
-        />
-
         <div className="px-3 text-xl text-indigo-700 md:text-2xl">
-          <Linkify text={question} />
+          <SiteLink href={href}>{question}</SiteLink>
         </div>
 
         <Spacer h={3} />
@@ -108,10 +110,15 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
             contract={contract}
             bets={bets}
             isCreator={false}
-            hideShareButtons
+            disabled
           />
 
-          {isBinary && <BinaryResolutionOrChance contract={contract} />}
+          {isBinary && (
+            <Row className="items-center gap-4">
+              <BetRow contract={contract as BinaryContract} />
+              <BinaryResolutionOrChance contract={contract} />
+            </Row>
+          )}
 
           {outcomeType === 'FREE_RESPONSE' && resolution && (
             <FreeResponseResolutionOrChance