From 18815caed43f9cb25fa8a1cc92d96b040e0f5490 Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Sat, 10 Sep 2022 21:57:35 -0500
Subject: [PATCH] Revert "Put sale value above quick bet button"

This reverts commit 9ee71733055bbf7ade9b340f98709fc6cd6151aa.
---
 web/components/bet-button.tsx                 | 17 ++++++-
 web/components/contract/contract-overview.tsx |  2 +-
 web/components/contract/quick-bet-button.tsx  | 48 +++++--------------
 3 files changed, 28 insertions(+), 39 deletions(-)

diff --git a/web/components/bet-button.tsx b/web/components/bet-button.tsx
index 75d12211..2aadbc78 100644
--- a/web/components/bet-button.tsx
+++ b/web/components/bet-button.tsx
@@ -23,11 +23,26 @@ export default function BetButton(props: {
 
   const user = useUser()
   const userBets = useUserContractBets(user?.id, contract.id)
-  const { hasYesShares, hasNoShares } = useSaveBinaryShares(contract, userBets)
+  const { yesShares, noShares, hasYesShares, hasNoShares } =
+    useSaveBinaryShares(contract, userBets)
+
+  const { outcomeType } = contract
+  const isPseudoNumeric = outcomeType === 'PSEUDO_NUMERIC'
 
   return (
     <>
       <Col className={clsx('items-center', className)}>
+        {user && (
+          <div className={'mb-1 w-24 text-center text-sm text-gray-500'}>
+            {hasYesShares
+              ? `(${Math.floor(yesShares)} ${
+                  isPseudoNumeric ? 'HIGHER' : 'YES'
+                })`
+              : hasNoShares
+              ? `(${Math.floor(noShares)} ${isPseudoNumeric ? 'LOWER' : 'NO'})`
+              : ''}
+          </div>
+        )}
         {user ? (
           <Button
             size="lg"
diff --git a/web/components/contract/contract-overview.tsx b/web/components/contract/contract-overview.tsx
index 41c66603..77a9420c 100644
--- a/web/components/contract/contract-overview.tsx
+++ b/web/components/contract/contract-overview.tsx
@@ -38,7 +38,7 @@ const BetWidget = (props: { contract: CPMMContract }) => {
   const user = useUser()
   return (
     <Col className={'justify-center'}>
-      <Row className={'items-end gap-4'}>
+      <Row className={'gap-4'}>
         {contract.outcomeType === 'BINARY' &&
           user &&
           QuickBetButtons({
diff --git a/web/components/contract/quick-bet-button.tsx b/web/components/contract/quick-bet-button.tsx
index 734c4ec9..d7d5a3a3 100644
--- a/web/components/contract/quick-bet-button.tsx
+++ b/web/components/contract/quick-bet-button.tsx
@@ -18,7 +18,6 @@ import { useUnfilledBets } from 'web/hooks/use-bets'
 import { getBinaryProb } from 'common/contract-details'
 import { quickOutcome } from 'web/components/contract/quick-bet-arrows'
 import { Button } from 'web/components/button'
-import { Col } from 'web/components/layout/col'
 
 const BET_SIZE = 10
 
@@ -35,16 +34,15 @@ export function QuickBetButtons(props: {
 
   const userBets = useUserContractBets(user.id, contract.id)
   const unfilledBets = useUnfilledBets(contract.id) ?? []
-  const { hasYesShares, hasNoShares, yesShares, noShares } =
-    useSaveBinaryShares(contract, userBets)
-  const oppositeShares = side === 'YES' ? noShares : yesShares
 
+  const { yesShares, noShares } = useSaveBinaryShares(contract, userBets)
+  const oppositeShares = side === 'YES' ? noShares : yesShares
   if (oppositeShares > 0.01) {
     sellOutcome = side === 'YES' ? 'NO' : 'YES'
 
     const prob = getProb(contract)
     const maxSharesSold =
-      (BET_SIZE + 1) / (sellOutcome === 'YES' ? prob : 1 - prob)
+      (BET_SIZE + 0.05) / (sellOutcome === 'YES' ? prob : 1 - prob)
     sharesSold = Math.min(oppositeShares, maxSharesSold)
 
     const { saleValue } = calculateCpmmSale(
@@ -55,16 +53,6 @@ export function QuickBetButtons(props: {
     )
     saleAmount = saleValue
   }
-  const getValueOfShares = () => {
-    const { saleValue } = calculateCpmmSale(
-      contract,
-      side === 'YES' ? yesShares : noShares,
-      side,
-      unfilledBets
-    )
-    return saleValue
-  }
-  const saleValueOfShares = getValueOfShares()
 
   async function placeQuickBet() {
     const betPromise = async () => {
@@ -103,28 +91,14 @@ export function QuickBetButtons(props: {
   }
 
   return (
-    <Col>
-      {user && (
-        <div className={'min-w-sm mb-1 text-center text-sm text-gray-500'}>
-          {saleValueOfShares > 0.1 &&
-            hasYesShares &&
-            side === 'YES' &&
-            `${formatMoney(saleValueOfShares)}`}
-          {saleValueOfShares > 0.1 &&
-            hasNoShares &&
-            side === 'NO' &&
-            `${formatMoney(saleValueOfShares)}`}
-        </div>
-      )}
-      <Button
-        size={'lg'}
-        onClick={() => placeQuickBet()}
-        color={side === 'YES' ? 'green' : 'red'}
-        className={props.className}
-      >
-        {side === 'YES' ? 'Yes' : 'No'}
-      </Button>
-    </Col>
+    <Button
+      size={'lg'}
+      onClick={() => placeQuickBet()}
+      color={side === 'YES' ? 'green' : 'red'}
+      className={props.className}
+    >
+      {side === 'YES' ? 'Yes' : 'No'}
+    </Button>
   )
 }