diff --git a/web/components/bet/bet-panel.tsx b/web/components/bet/bet-panel.tsx index e8bd9432a1..8ce84eaefe 100644 --- a/web/components/bet/bet-panel.tsx +++ b/web/components/bet/bet-panel.tsx @@ -65,6 +65,7 @@ import { YesNoSelector } from './yes-no-selector' import { blockFromSweepstakes, identityPending } from 'common/user' import { CashoutLimitWarning } from './cashout-limit-warning' import { InBeta, VerifyButton } from '../twomba/toggle-verify-callout' +import { LocationMonitor } from '../gidx/location-monitor' export type BinaryOutcomes = 'YES' | 'NO' | undefined @@ -393,11 +394,14 @@ export const BuyPanelBody = (props: { setIsSubmitting(false) } } + const [showLocationMonitor, setShowLocationMonitor] = useState(false) + const betDisabled = isSubmitting || !betAmount || outcome === undefined || - error === 'Insufficient balance' + error === 'Insufficient balance' || + showLocationMonitor const limits = contract.outcomeType === 'STONK' @@ -703,55 +707,63 @@ export const BuyPanelBody = (props: { {betType !== 'Limit' && ( {user ? ( - - {formatOutcomeLabel(contract, outcome, pseudonymName)}{' '} - - - ) : ( - - {capitalize(TRADE_TERM)}{' '} - {binaryMCOutcomeLabel ?? - formatOutcomeLabel( - contract, - outcome, - pseudonymName - )}{' '} - to win{' '} - - - ) - } - inModal={!!onClose} - /> + <> + + + {formatOutcomeLabel(contract, outcome, pseudonymName)}{' '} + + + ) : ( + + {capitalize(TRADE_TERM)}{' '} + {binaryMCOutcomeLabel ?? + formatOutcomeLabel( + contract, + outcome, + pseudonymName + )}{' '} + to win{' '} + + + ) + } + inModal={!!onClose} + /> + ) : ( {monitorStatus === 'error' && (