From a09af526a0e3fa8664fd984cd77fda2930967653 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 13 Apr 2022 17:57:46 -0500
Subject: [PATCH] Switch summary stat from payout at current % to profit

---
 web/components/bets-list.tsx | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index e32fc3f3..362b4ea5 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -317,7 +317,7 @@ export function MyBetsSummary(props: {
   const noWinnings = _.sumBy(excludeSales, (bet) =>
     calculatePayout(contract, bet, 'NO')
   )
-  const { invested, profitPercent, payout } = getContractBetMetrics(
+  const { invested, profitPercent, payout, profit } = getContractBetMetrics(
     contract,
     bets
   )
@@ -343,7 +343,7 @@ export function MyBetsSummary(props: {
           </Col>
         ) : (
           <>
-            {isBinary && (
+            {isBinary ? (
               <>
                 <Col>
                   <div className="whitespace-nowrap text-sm text-gray-500">
@@ -362,24 +362,22 @@ export function MyBetsSummary(props: {
                   </div>
                 </Col>
               </>
+            ) : (
+              <Col>
+                <div className="whitespace-nowrap text-sm text-gray-500">
+                  Current value
+                </div>
+                <div className="whitespace-nowrap">{formatMoney(payout)}</div>
+              </Col>
             )}
-            <Col>
-              <div className="whitespace-nowrap text-sm text-gray-500">
-                {isBinary ? (
-                  <>
-                    Payout at{' '}
-                    <span className="text-blue-400">
-                      {formatPercent(getProbability(contract))}
-                    </span>
-                  </>
-                ) : (
-                  <>Current payout</>
-                )}
-              </div>
-              <div className="whitespace-nowrap">{formatMoney(payout)}</div>
-            </Col>
           </>
         )}
+        <Col>
+          <div className="whitespace-nowrap text-sm text-gray-500">Profit</div>
+          <div className="whitespace-nowrap">
+            {formatMoney(profit)} <ProfitBadge profitPercent={profitPercent} />
+          </div>
+        </Col>
       </Row>
     </Row>
   )