open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow sell button on the same line as bet button

Browse Source
This commit is contained in:
Ian Philips 2022-04-19 15:11:34 -06:00
parent b249d729ca
commit d3cf8cb3ad
1 changed files with 36 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/yes-no-selector.tsx
View File

@ -9,6 +9,8 @@ export function YesNoSelector(props: {
onSelect: (selected: 'YES' | 'NO') => void onSelect: (selected: 'YES' | 'NO') => void
className?: string className?: string
btnClassName?: string btnClassName?: string
replaceYesButton?: React.ReactNode
replaceNoButton?: React.ReactNode
}) { }) {
const { selected, onSelect, className, btnClassName } = props const { selected, onSelect, className, btnClassName } = props
@ -17,6 +19,9 @@ export function YesNoSelector(props: {
return ( return (
<Row className={clsx('space-x-3', className)}> <Row className={clsx('space-x-3', className)}>
{props.replaceYesButton ? (
props.replaceYesButton
) : (
<button <button
className={clsx( className={clsx(
commonClassNames, commonClassNames,
@ -30,6 +35,10 @@ export function YesNoSelector(props: {
> >
Bet YES Bet YES
</button> </button>
)}
{props.replaceNoButton ? (
props.replaceNoButton
) : (
<button <button
className={clsx( className={clsx(
commonClassNames, commonClassNames,
@ -43,6 +52,7 @@ export function YesNoSelector(props: {
> >
Bet NO Bet NO
</button> </button>
)}
</Row> </Row>
) )
} }