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}
+ />
+ >
) : (