From 370f8eefe40112a71333d40d0d12f91cb8121307 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 24 May 2022 07:34:47 -0700
Subject: [PATCH] Switch from triangle to a circle arrow

WIP
---
 web/components/contract/quick-bet.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/web/components/contract/quick-bet.tsx b/web/components/contract/quick-bet.tsx
index 35fcad50..ead76695 100644
--- a/web/components/contract/quick-bet.tsx
+++ b/web/components/contract/quick-bet.tsx
@@ -1,3 +1,4 @@
+import { ArrowCircleUpIcon, ArrowCircleDownIcon } from '@heroicons/react/solid'
 import clsx from 'clsx'
 import { getOutcomeProbability, getTopAnswer } from 'common/calculate'
 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 { placeBet } from 'web/lib/firebase/api-call'
 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 { OUTCOME_TO_COLOR } from '../outcome-label'
 import { useSaveShares } from '../use-save-shares'
@@ -98,14 +97,14 @@ export function QuickBet(props: { contract: Contract }) {
         </div>
 
         {hasUpShares > 0 ? (
-          <TriangleFillIcon
+          <ArrowCircleUpIcon
             className={clsx(
-              'mx-auto h-5 w-5',
+              'mx-auto h-7 w-7',
               `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>
 
@@ -118,14 +117,14 @@ export function QuickBet(props: { contract: Contract }) {
           onClick={() => placeQuickBet('DOWN')}
         ></div>
         {hasDownShares > 0 ? (
-          <TriangleDownFillIcon
+          <ArrowCircleDownIcon
             className={clsx(
-              'mx-auto h-5 w-5',
+              'mx-auto h-7 w-7',
               `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">
           {formatMoney(10)}