up arrows green, down arrows red

This commit is contained in:
mantikoros 2022-06-02 15:53:56 -05:00
parent 5b142baa98
commit 5af2e1fef0

View File

@ -68,8 +68,6 @@ export function QuickBet(props: { contract: Contract; user: User }) {
// Catch any errors from hovering on an invalid option // Catch any errors from hovering on an invalid option
} }
const color = getColor(contract, previewProb)
async function placeQuickBet(direction: 'UP' | 'DOWN') { async function placeQuickBet(direction: 'UP' | 'DOWN') {
const betPromise = async () => { const betPromise = async () => {
const outcome = quickOutcome(contract, direction) const outcome = quickOutcome(contract, direction)
@ -128,14 +126,14 @@ export function QuickBet(props: { contract: Contract; user: User }) {
<TriangleFillIcon <TriangleFillIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-5 w-5',
upHover ? `text-${color}` : 'text-gray-400' upHover ? 'text-green-500' : 'text-gray-400'
)} )}
/> />
) : ( ) : (
<TriangleFillIcon <TriangleFillIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-5 w-5',
upHover ? `text-${color}` : 'text-gray-200' upHover ? 'text-green-500' : 'text-gray-200'
)} )}
/> />
)} )}
@ -155,14 +153,14 @@ export function QuickBet(props: { contract: Contract; user: User }) {
<TriangleDownFillIcon <TriangleDownFillIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-5 w-5',
downHover ? `text-${color}` : 'text-gray-400' downHover ? 'text-red-500' : 'text-gray-400'
)} )}
/> />
) : ( ) : (
<TriangleDownFillIcon <TriangleDownFillIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-5 w-5',
downHover ? `text-${color}` : 'text-gray-200' downHover ? 'text-red-500' : 'text-gray-200'
)} )}
/> />
)} )}