From 16c11adc61af6735f0342a8ce16ab1f6d2a94767 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sun, 17 Jul 2022 15:38:30 -0500
Subject: [PATCH] Conditionally show YES or NO max payout

---
 web/components/bet-panel.tsx | 84 +++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 39 deletions(-)

diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index e78a9bdc..7c4ada58 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -554,53 +554,59 @@ function RangeOrderPanel(props: {
       />
 
       <Col className="mt-3 w-full gap-3">
-        <Row className="items-center justify-between gap-2 text-sm">
-          <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
+        {lowLimitProb !== undefined && (
+          <Row className="items-center justify-between gap-2 text-sm">
+            <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
+              <div>
+                {isPseudoNumeric ? (
+                  'Max payout'
+                ) : (
+                  <>
+                    Max <BinaryOutcomeLabel outcome={'YES'} /> payout
+                  </>
+                )}
+              </div>
+              <InfoTooltip
+                text={`Includes ${formatMoneyWithDecimals(lowFees)} in fees`}
+              />
+            </Row>
             <div>
-              {isPseudoNumeric ? (
-                'Max payout'
-              ) : (
-                <>
-                  Max <BinaryOutcomeLabel outcome={'YES'} /> payout
-                </>
-              )}
+              <span className="mr-2 whitespace-nowrap">
+                {formatMoney(lowPayout)}
+              </span>
+              (+{lowReturnPercent})
             </div>
-            <InfoTooltip
-              text={`Includes ${formatMoneyWithDecimals(lowFees)} in fees`}
-            />
           </Row>
-          <div>
-            <span className="mr-2 whitespace-nowrap">
-              {formatMoney(lowPayout)}
-            </span>
-            (+{lowReturnPercent})
-          </div>
-        </Row>
-        <Row className="items-center justify-between gap-2 text-sm">
-          <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
+        )}
+        {highLimitProb !== undefined && (
+          <Row className="items-center justify-between gap-2 text-sm">
+            <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
+              <div>
+                {isPseudoNumeric ? (
+                  'Max payout'
+                ) : (
+                  <>
+                    Max <BinaryOutcomeLabel outcome={'NO'} /> payout
+                  </>
+                )}
+              </div>
+              <InfoTooltip
+                text={`Includes ${formatMoneyWithDecimals(highFees)} in fees`}
+              />
+            </Row>
             <div>
-              {isPseudoNumeric ? (
-                'Max payout'
-              ) : (
-                <>
-                  Max <BinaryOutcomeLabel outcome={'NO'} /> payout
-                </>
-              )}
+              <span className="mr-2 whitespace-nowrap">
+                {formatMoney(highPayout)}
+              </span>
+              (+{highReturnPercent})
             </div>
-            <InfoTooltip
-              text={`Includes ${formatMoneyWithDecimals(highFees)} in fees`}
-            />
           </Row>
-          <div>
-            <span className="mr-2 whitespace-nowrap">
-              {formatMoney(highPayout)}
-            </span>
-            (+{highReturnPercent})
-          </div>
-        </Row>
+        )}
       </Col>
 
-      <Spacer h={8} />
+      {(lowLimitProb !== undefined || highLimitProb !== undefined) && (
+        <Spacer h={8} />
+      )}
 
       {user && (
         <button