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

Switch from triangle to a circle arrow

Browse Source 
WIP
This commit is contained in:
Austin Chen 2022-05-24 07:34:47 -07:00
parent 13bf5ac253
commit 370f8eefe4
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/contract/quick-bet.tsx
View File

@ -1,3 +1,4 @@
import { ArrowCircleUpIcon, ArrowCircleDownIcon } from '@heroicons/react/solid'
import clsx from 'clsx' import clsx from 'clsx'
import { getOutcomeProbability, getTopAnswer } from 'common/calculate' import { getOutcomeProbability, getTopAnswer } from 'common/calculate'
import { getExpectedValue } from 'common/calculate-dpm' import { getExpectedValue } from 'common/calculate-dpm'
@ -16,8 +17,6 @@ import { useUser } from 'web/hooks/use-user'
import { useUserContractBets } from 'web/hooks/use-user-bets' import { useUserContractBets } from 'web/hooks/use-user-bets'
import { placeBet } from 'web/lib/firebase/api-call' import { placeBet } from 'web/lib/firebase/api-call'
import { getBinaryProb } from 'web/lib/firebase/contracts' import { getBinaryProb } from 'web/lib/firebase/contracts'
import TriangleDownFillIcon from 'web/lib/icons/triangle-down-fill-icon'
import TriangleFillIcon from 'web/lib/icons/triangle-fill-icon'
import { Col } from '../layout/col' import { Col } from '../layout/col'
import { OUTCOME_TO_COLOR } from '../outcome-label' import { OUTCOME_TO_COLOR } from '../outcome-label'
import { useSaveShares } from '../use-save-shares' import { useSaveShares } from '../use-save-shares'
@ -98,14 +97,14 @@ export function QuickBet(props: { contract: Contract }) {
</div> </div>
{hasUpShares > 0 ? ( {hasUpShares > 0 ? (
<TriangleFillIcon <ArrowCircleUpIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-7 w-7',
`text-${color} text-opacity-70 peer-hover:text-gray-400` `text-${color} text-opacity-70 peer-hover:text-gray-400`
)} )}
/> />
) : ( ) : (
<TriangleFillIcon className="mx-auto h-5 w-5 text-gray-200 peer-hover:text-gray-400" /> <ArrowCircleUpIcon className="mx-auto h-7 w-7 text-gray-200 peer-hover:text-gray-400" />
)} )}
</div> </div>
@ -118,14 +117,14 @@ export function QuickBet(props: { contract: Contract }) {
onClick={() => placeQuickBet('DOWN')} onClick={() => placeQuickBet('DOWN')}
></div> ></div>
{hasDownShares > 0 ? ( {hasDownShares > 0 ? (
<TriangleDownFillIcon <ArrowCircleDownIcon
className={clsx( className={clsx(
'mx-auto h-5 w-5', 'mx-auto h-7 w-7',
`text-${color} text-opacity-70 peer-hover:text-gray-400` `text-${color} text-opacity-70 peer-hover:text-gray-400`
)} )}
/> />
) : ( ) : (
<TriangleDownFillIcon className="mx-auto h-5 w-5 text-gray-200 peer-hover:text-gray-400" /> <ArrowCircleDownIcon className="mx-auto h-7 w-7 text-gray-200 peer-hover:text-gray-400" />
)} )}
<div className="mb-2 text-center text-xs text-transparent peer-hover:text-gray-400"> <div className="mb-2 text-center text-xs text-transparent peer-hover:text-gray-400">
{formatMoney(10)} {formatMoney(10)}