From e8f155e3a853a3a20493858f85d5ba296c5cd2e0 Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Fri, 1 Jul 2022 17:59:01 -0400
Subject: [PATCH] pseudo numeric embeds

---
 web/pages/embed/[username]/[contractSlug].tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/pages/embed/[username]/[contractSlug].tsx b/web/pages/embed/[username]/[contractSlug].tsx
index 98bf37b2..93439be7 100644
--- a/web/pages/embed/[username]/[contractSlug].tsx
+++ b/web/pages/embed/[username]/[contractSlug].tsx
@@ -7,6 +7,7 @@ import {
   BinaryResolutionOrChance,
   FreeResponseResolutionOrChance,
   NumericResolutionOrExpectation,
+  PseudoNumericResolutionOrExpectation,
 } from 'web/components/contract/contract-card'
 import { ContractDetails } from 'web/components/contract/contract-details'
 import { ContractProbGraph } from 'web/components/contract/contract-prob-graph'
@@ -79,6 +80,7 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
   const { question, outcomeType } = contract
 
   const isBinary = outcomeType === 'BINARY'
+  const isPseudoNumeric = outcomeType === 'PSEUDO_NUMERIC'
 
   const href = `https://${DOMAIN}${contractPath(contract)}`
 
@@ -110,13 +112,18 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
 
           {isBinary && (
             <Row className="items-center gap-4">
-              {/* this fails typechecking, but it doesn't explode because we will
-              never */}
-              <BetRow contract={contract as any} betPanelClassName="scale-75" />
+              <BetRow contract={contract} betPanelClassName="scale-75" />
               <BinaryResolutionOrChance contract={contract} />
             </Row>
           )}
 
+          {isPseudoNumeric && (
+            <Row className="items-center gap-4">
+              <BetRow contract={contract} betPanelClassName="scale-75" />
+              <PseudoNumericResolutionOrExpectation contract={contract} />
+            </Row>
+          )}
+
           {outcomeType === 'FREE_RESPONSE' && (
             <FreeResponseResolutionOrChance
               contract={contract}
@@ -133,7 +140,7 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
       </div>
 
       <div className="mx-1" style={{ paddingBottom }}>
-        {isBinary && (
+        {(isBinary || isPseudoNumeric) && (
           <ContractProbGraph
             contract={contract}
             bets={bets}