fix button on right panel being disabled

web/components/bet-panel.tsx

@@ -404,6 +404,7 @@ export function BuyPanel(props: {
         {user && (
           <WarningConfirmationButton
             amount={betAmount}
+            outcome={outcome}
             warning={warning}
             onSubmit={submitBet}
             isSubmitting={isSubmitting}

web/components/warning-confirmation-button.tsx

@@ -8,6 +8,7 @@ import { formatMoney } from 'common/util/format'
 
 export function WarningConfirmationButton(props: {
   amount: number | undefined
+  outcome?: 'YES' | 'NO' | undefined
   warning?: string
   onSubmit: () => void
   disabled?: boolean
@@ -23,6 +24,7 @@ export function WarningConfirmationButton(props: {
     isSubmitting,
     openModalButtonClass,
     submitButtonClassName,
+    outcome,
   } = props
 
   if (!warning) {
@@ -31,7 +33,7 @@ export function WarningConfirmationButton(props: {
         className={clsx(
           openModalButtonClass,
           isSubmitting ? 'loading' : '',
-          disabled && 'btn-disabled'
+          (disabled || !outcome) && 'btn-disabled bg-greyscale-2'
         )}
         onClick={onSubmit}
       >