From 6551aa7ea4c1228e7e3e3b4779483a3b477740e6 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 24 May 2022 07:38:58 -0700
Subject: [PATCH] Revert "Switch from triangle to a circle arrow"

This reverts commit 370f8eefe40112a71333d40d0d12f91cb8121307.
---
 web/components/contract/quick-bet.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

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