From 45fe430a5aaae3aa0121a29cb7dff6e39e423d2e Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 1 Mar 2022 18:28:59 -0800
Subject: [PATCH] Clean up Sell popup UI

---
 web/components/bets-list.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 4bc0147c..fff0975e 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -538,7 +538,7 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
         className: clsx('btn-sm', isSubmitting && 'btn-disabled loading'),
         label: 'Sell',
       }}
-      submitBtn={{ className: 'btn-primary' }}
+      submitBtn={{ className: 'btn-primary', label: 'Sell' }}
       onSubmit={async () => {
         setIsSubmitting(true)
         await sellBet({ contractId: contract.id, betId: bet.id })
@@ -546,22 +546,19 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
       }}
     >
       <div className="mb-4 text-2xl">
-        Sell <OutcomeLabel outcome={bet.outcome} />
-      </div>
-      <div>
-        Do you want to sell {formatWithCommas(shares)} shares of{' '}
+        Sell {formatWithCommas(shares)} shares of{' '}
         <OutcomeLabel outcome={outcome} /> for {formatMoney(saleAmount)}?
       </div>
       {!!loanAmount && (
         <div className="mt-2">
-          You will also pay back {formatMoney(loanAmount)} of your loan for a
+          You will also pay back {formatMoney(loanAmount)} of your loan, for a
           net of {formatMoney(saleAmount - loanAmount)}.
         </div>
       )}
 
       <div className="mt-2 mb-1 text-sm">
-        (Updated probability: {formatPercent(initialProb)} →{' '}
-        {formatPercent(outcomeProb)})
+        Market probability: {formatPercent(initialProb)} →{' '}
+        {formatPercent(outcomeProb)}
       </div>
     </ConfirmationButton>
   )