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

Revert "Switch from triangle to a circle arrow"

Browse Source 
This reverts commit 370f8eefe4.
This commit is contained in:
Austin Chen 2022-05-24 07:38:58 -07:00
parent 370f8eefe4
commit 6551aa7ea4
1 changed files with 8 additions and 7 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,4 +1,3 @@
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'
@ -17,6 +16,8 @@ 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'
@ -97,14 +98,14 @@ export function QuickBet(props: { contract: Contract }) {
</div> </div>
{hasUpShares > 0 ? ( {hasUpShares > 0 ? (
<ArrowCircleUpIcon <TriangleFillIcon
className={clsx( className={clsx(
'mx-auto h-7 w-7', 'mx-auto h-5 w-5',
`text-${color} text-opacity-70 peer-hover:text-gray-400` `text-${color} text-opacity-70 peer-hover:text-gray-400`
)} )}
/> />
) : ( ) : (
<ArrowCircleUpIcon className="mx-auto h-7 w-7 text-gray-200 peer-hover:text-gray-400" /> <TriangleFillIcon className="mx-auto h-5 w-5 text-gray-200 peer-hover:text-gray-400" />
)} )}
</div> </div>
@ -117,14 +118,14 @@ export function QuickBet(props: { contract: Contract }) {
onClick={() => placeQuickBet('DOWN')} onClick={() => placeQuickBet('DOWN')}
></div> ></div>
{hasDownShares > 0 ? ( {hasDownShares > 0 ? (
<ArrowCircleDownIcon <TriangleDownFillIcon
className={clsx( className={clsx(
'mx-auto h-7 w-7', 'mx-auto h-5 w-5',
`text-${color} text-opacity-70 peer-hover:text-gray-400` `text-${color} text-opacity-70 peer-hover:text-gray-400`
)} )}
/> />
) : ( ) : (
<ArrowCircleDownIcon className="mx-auto h-7 w-7 text-gray-200 peer-hover:text-gray-400" /> <TriangleDownFillIcon className="mx-auto h-5 w-5 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)}