From 8b879b5b1b90b8c0d457e3a1cb162e46595f0195 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 24 Dec 2021 16:04:37 -0500
Subject: [PATCH] Update some 'bet' to 'trade'

---
 web/components/bet-panel.tsx    | 10 +++++-----
 web/components/bets-list.tsx    |  3 ++-
 web/components/profile-menu.tsx |  2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index d17f02da..42f3abae 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -98,7 +98,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
     <Col
       className={clsx('bg-gray-100 shadow-xl px-8 py-6 rounded-md', className)}
     >
-      <Title className="!mt-0 whitespace-nowrap" text="Place a bet" />
+      <Title className="!mt-0 whitespace-nowrap" text="Place a trade" />
 
       <div className="mt-2 mb-1 text-sm text-gray-400">Outcome</div>
       <YesNoSelector
@@ -107,7 +107,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
         onSelect={(choice) => onBetChoice(choice)}
       />
 
-      <div className="mt-3 mb-1 text-sm text-gray-400">Bet amount</div>
+      <div className="mt-3 mb-1 text-sm text-gray-400">Amount</div>
       <Col className="my-2">
         <label className="input-group">
           <span className="text-sm bg-gray-200">M$</span>
@@ -168,18 +168,18 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
           )}
           onClick={betDisabled ? undefined : submitBet}
         >
-          {isSubmitting ? 'Submitting...' : 'Place bet'}
+          {isSubmitting ? 'Submitting...' : 'Submit trade'}
         </button>
       ) : (
         <button
           className="btn mt-4 border-none normal-case text-lg font-medium px-10 bg-gradient-to-r from-teal-500 to-green-500 hover:from-teal-600 hover:to-green-600"
           onClick={firebaseLogin}
         >
-          Sign in to bet!
+          Sign in to trade!
         </button>
       )}
 
-      {wasSubmitted && <div className="mt-4">Bet submitted!</div>}
+      {wasSubmitted && <div className="mt-4">Trade submitted!</div>}
     </Col>
   )
 }
diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 5ca1198e..52de070b 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -347,7 +347,8 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
     >
       <div className="text-2xl mb-4">Sell</div>
       <div>
-        Do you want to sell your {formatMoney(bet.amount)} bet for{' '}
+        Do you want to sell your {formatMoney(bet.amount)} position on{' '}
+        <OutcomeLabel outcome={bet.outcome} /> for{' '}
         {formatMoney(calculateSaleAmount(contract, bet))}?
       </div>
     </ConfirmationButton>
diff --git a/web/components/profile-menu.tsx b/web/components/profile-menu.tsx
index b868e80a..43022a9e 100644
--- a/web/components/profile-menu.tsx
+++ b/web/components/profile-menu.tsx
@@ -64,7 +64,7 @@ function ProfileSummary(props: { user: User }) {
       <div className="rounded-full w-10 h-10 mr-4">
         <Image src={user.avatarUrl} width={40} height={40} />
       </div>
-      <div className="truncate" style={{ maxWidth: 175 }}>
+      <div className="truncate text-left" style={{ maxWidth: 175 }}>
         {user.name}
         <div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div>
       </div>