bet row: 'higher' 'lower' labels

This commit is contained in:
mantikoros 2022-07-12 17:47:28 -05:00
parent 38aad40569
commit 5c166b9dd5

View File

@ -24,6 +24,9 @@ export default function BetRow(props: {
const { yesShares, noShares, hasYesShares, hasNoShares } = const { yesShares, noShares, hasYesShares, hasNoShares } =
useSaveBinaryShares(contract, userBets) useSaveBinaryShares(contract, userBets)
const { outcomeType } = contract
const isPseudoNumeric = outcomeType === 'PSEUDO_NUMERIC'
return ( return (
<> <>
<Col className={clsx('items-center', className)}> <Col className={clsx('items-center', className)}>
@ -39,9 +42,9 @@ export default function BetRow(props: {
<div className={'mt-1 w-24 text-center text-sm text-gray-500'}> <div className={'mt-1 w-24 text-center text-sm text-gray-500'}>
{hasYesShares {hasYesShares
? `(${Math.floor(yesShares)} YES)` ? `(${Math.floor(yesShares)} ${isPseudoNumeric ? 'HIGHER' : 'YES'})`
: hasNoShares : hasNoShares
? `(${Math.floor(noShares)} NO)` ? `(${Math.floor(noShares)} ${isPseudoNumeric ? 'LOWER' : 'YES'})`
: ''} : ''}
</div> </div>
</Col> </Col>