"buy" => "bet"

web/components/answers/answer-bet-panel.tsx

@@ -103,7 +103,7 @@ export function AnswerBetPanel(props: {
     <Col className={clsx('px-2 pb-2 pt-4 sm:pt-0', className)}>
       <Row className="items-center justify-between self-stretch">
         <div className="text-xl">
-          Buy {isModal ? `"${answer.text}"` : 'this answer'}
+          Bet on {isModal ? `"${answer.text}"` : 'this answer'}
         </div>
 
         {!isModal && (

web/components/answers/create-answer-panel.tsx

@@ -96,7 +96,7 @@ export function CreateAnswerPanel(props: {
           {text && (
             <>
               <Col className="mt-1 gap-2">
-                <div className="text-sm text-gray-500">Buy amount</div>
+                <div className="text-sm text-gray-500">Bet amount</div>
                 <BuyAmountInput
                   amount={betAmount}
                   onChange={setBetAmount}

web/components/bet-panel.tsx

@@ -160,7 +160,7 @@ export function BetPanelSwitcher(props: {
                 tradeType === 'BUY' ? setTradeType('SELL') : setTradeType('BUY')
               }
             >
-              {tradeType === 'BUY' ? 'Sell' : 'Buy'}
+              {tradeType === 'BUY' ? 'Sell' : 'Bet'}
             </button>
           </Row>
         </Col>
@@ -385,11 +385,11 @@ function BuyPanel(props: {
           )}
           onClick={betDisabled ? undefined : submitBet}
         >
-          {isSubmitting ? 'Submitting...' : 'Submit Buy'}
+          {isSubmitting ? 'Submitting...' : 'Submit bet'}
         </button>
       )}
 
-      {wasSubmitted && <div className="mt-4">Buy submitted!</div>}
+      {wasSubmitted && <div className="mt-4">Bet submitted!</div>}
     </>
   )
 }

web/components/bet-row.tsx

@@ -23,9 +23,9 @@ export default function BetRow(props: {
     <>
       <div className={className}>
         <Row className="items-center justify-end gap-2">
-          <div className={clsx('mr-2 text-gray-400', labelClassName)}>
+          {/* <div className={clsx('mr-2 text-gray-400', labelClassName)}>
             Place a trade
-          </div>
+          </div> */}
           <YesNoSelector
             btnClassName="btn-sm w-24"
             onSelect={(choice) => {

web/components/yes-no-selector.tsx

@@ -28,7 +28,7 @@ export function YesNoSelector(props: {
         )}
         onClick={() => onSelect('YES')}
       >
-        Buy YES
+        Bet YES
       </button>
       <button
         className={clsx(
@@ -41,7 +41,7 @@ export function YesNoSelector(props: {
         )}
         onClick={() => onSelect('NO')}
       >
-        Buy NO
+        Bet NO
       </button>
     </Row>
   )
@@ -173,7 +173,7 @@ export function BuyButton(props: { className?: string; onClick?: () => void }) {
       )}
       onClick={onClick}
     >
-      Buy
+      Bet
     </button>
   )
 }