diff --git a/web/components/bet-inline.tsx b/web/components/bet-inline.tsx index 632670e7..920c4d26 100644 --- a/web/components/bet-inline.tsx +++ b/web/components/bet-inline.tsx @@ -61,11 +61,19 @@ export function BetInline(props: { outcome, isLimitOrder: false, }) + setAmount(undefined) }, } ) - const betDisabled = submitBet.isLoading || submitBet.isError || !amount + // reset error / success state on user change + useEffect(() => { + amount && submitBet.reset() + }, [outcome, amount]) + + const tooFewFunds = error === 'Insufficient balance' + + const betDisabled = submitBet.isLoading || tooFewFunds || !amount return ( @@ -110,9 +118,7 @@ export function BetInline(props: { {error && (
- {error}{' '} - {error === 'Insufficient balance' && - `(${formatMoney(user?.balance ?? 0)})`} + {error} {tooFewFunds && `(${formatMoney(user?.balance ?? 0)})`}
)}