Allow sell button on the same line as bet button

web/components/yes-no-selector.tsx

@@ -9,6 +9,8 @@ export function YesNoSelector(props: {
   onSelect: (selected: 'YES' | 'NO') => void
   className?: string
   btnClassName?: string
+  replaceYesButton?: React.ReactNode
+  replaceNoButton?: React.ReactNode
 }) {
   const { selected, onSelect, className, btnClassName } = props
 
@@ -17,32 +19,40 @@ export function YesNoSelector(props: {
 
   return (
     <Row className={clsx('space-x-3', className)}>
-      <button
+      {props.replaceYesButton ? (
-        className={clsx(
+        props.replaceYesButton
-          commonClassNames,
+      ) : (
-          'hover:bg-primary-focus border-primary hover:border-primary-focus hover:text-white',
+        <button
-          selected == 'YES'
+          className={clsx(
-            ? 'bg-primary text-white'
+            commonClassNames,
-            : 'text-primary bg-transparent',
+            'hover:bg-primary-focus border-primary hover:border-primary-focus hover:text-white',
-          btnClassName
+            selected == 'YES'
-        )}
+              ? 'bg-primary text-white'
-        onClick={() => onSelect('YES')}
+              : 'text-primary bg-transparent',
-      >
+            btnClassName
-        Bet YES
+          )}
-      </button>
+          onClick={() => onSelect('YES')}
-      <button
+        >
-        className={clsx(
+          Bet YES
-          commonClassNames,
+        </button>
-          'border-red-400 hover:border-red-500 hover:bg-red-500 hover:text-white',
+      )}
-          selected == 'NO'
+      {props.replaceNoButton ? (
-            ? 'bg-red-400 text-white'
+        props.replaceNoButton
-            : 'bg-transparent text-red-400',
+      ) : (
-          btnClassName
+        <button
-        )}
+          className={clsx(
-        onClick={() => onSelect('NO')}
+            commonClassNames,
-      >
+            'border-red-400 hover:border-red-500 hover:bg-red-500 hover:text-white',
-        Bet NO
+            selected == 'NO'
-      </button>
+              ? 'bg-red-400 text-white'
+              : 'bg-transparent text-red-400',
+            btnClassName
+          )}
+          onClick={() => onSelect('NO')}
+        >
+          Bet NO
+        </button>
+      )}
     </Row>
   )
 }