From 0e640bf53b8881c6ec4dbc9f4955ba1972017dc1 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Sun, 13 Feb 2022 18:20:46 -0800
Subject: [PATCH] Show the current % instead of "MKT" in Your Trades

---
 web/components/bets-list.tsx     | 10 ++++++++--
 web/components/outcome-label.tsx |  4 ----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index c66a836c..603763e9 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -23,13 +23,15 @@ import {
 import { Row } from './layout/row'
 import { UserLink } from './user-page'
 import {
+  calculateCancelPayout,
   calculatePayout,
   calculateSaleAmount,
+  getProbability,
   resolvedPayout,
 } from '../../common/calculate'
 import { sellBet } from '../lib/firebase/api-call'
 import { ConfirmationButton } from './confirmation-button'
-import { OutcomeLabel, YesLabel, NoLabel, MarketLabel } from './outcome-label'
+import { OutcomeLabel, YesLabel, NoLabel } from './outcome-label'
 
 type BetSort = 'newest' | 'profit'
 
@@ -231,6 +233,7 @@ export function MyBetsSummary(props: {
 }) {
   const { bets, contract, showMKT, className } = props
   const { resolution } = contract
+  calculateCancelPayout
 
   const excludeSales = bets.filter((b) => !b.isSold && !b.sale)
   const betsTotal = _.sumBy(excludeSales, (bet) => bet.amount)
@@ -284,7 +287,10 @@ export function MyBetsSummary(props: {
           {showMKT && (
             <Col>
               <div className="whitespace-nowrap text-sm text-gray-500">
-                Payout if <MarketLabel />
+                Payout at{' '}
+                <span className="text-blue-400">
+                  {formatPercent(getProbability(contract.totalShares))}
+                </span>
               </div>
               <div className="whitespace-nowrap">
                 {formatMoney(marketWinnings)}
diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx
index ec65667d..6d5acbe1 100644
--- a/web/components/outcome-label.tsx
+++ b/web/components/outcome-label.tsx
@@ -21,10 +21,6 @@ export function CancelLabel() {
   return <span className="text-yellow-400">N/A</span>
 }
 
-export function MarketLabel() {
-  return <span className="text-blue-400">MKT</span>
-}
-
 export function ProbLabel() {
   return <span className="text-blue-400">PROB</span>
 }