From 9c9b32886050fa12939ed35f1b5789f12763984d Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 16 Feb 2022 15:04:31 -0600
Subject: [PATCH] Fix  card showing 0% for multi contracts

---
 web/components/answers-panel.tsx |  2 +-
 web/components/contract-card.tsx | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/web/components/answers-panel.tsx b/web/components/answers-panel.tsx
index c269adcb..277e9ccd 100644
--- a/web/components/answers-panel.tsx
+++ b/web/components/answers-panel.tsx
@@ -111,7 +111,7 @@ function AnswerItem(props: {
   return (
     <Col
       className={clsx(
-        'p-4 sm:flex-row rounded',
+        'p-4 sm:flex-row rounded gap-4',
         wasResolvedTo
           ? 'bg-green-50 mb-8'
           : isChosen
diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 3c644bf9..89c4c7ec 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -25,8 +25,7 @@ export function ContractCard(props: {
   className?: string
 }) {
   const { contract, showHotVolume, showCloseTime, className } = props
-  const { question, resolution } = contract
-  const probPercent = getBinaryProbPercent(contract)
+  const { question } = contract
 
   return (
     <div>
@@ -67,7 +66,8 @@ export function ResolutionOrChance(props: {
   className?: string
 }) {
   const { contract, large, className } = props
-  const { resolution } = contract
+  const { resolution, outcomeType } = contract
+  const isBinary = outcomeType === 'BINARY'
   const marketClosed = (contract.closeTime || Infinity) < Date.now()
 
   const resolutionColor =
@@ -102,12 +102,14 @@ export function ResolutionOrChance(props: {
           <div className={resolutionColor}>{resolutionText}</div>
         </>
       ) : (
-        <>
-          <div className={probColor}>{getBinaryProbPercent(contract)}</div>
-          <div className={clsx(probColor, large ? 'text-xl' : 'text-base')}>
-            chance
-          </div>
-        </>
+        isBinary && (
+          <>
+            <div className={probColor}>{getBinaryProbPercent(contract)}</div>
+            <div className={clsx(probColor, large ? 'text-xl' : 'text-base')}>
+              chance
+            </div>
+          </>
+        )
       )}
     </Col>
   )