From 2df96cc0b590ed693041842b338a2fd246920580 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 12 Jan 2022 12:51:46 -0500
Subject: [PATCH] Replace '24h vol' with trending icon

---
 web/components/contract-card.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 4571ab9e..a7c73b35 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -8,6 +8,7 @@ import { Contract, compute, path } from '../lib/firebase/contracts'
 import { Col } from './layout/col'
 import { parseTags } from '../lib/util/parse'
 import dayjs from 'dayjs'
+import { TrendingUpIcon } from '@heroicons/react/solid'
 
 export function ContractCard(props: {
   contract: Contract
@@ -109,7 +110,8 @@ export function AbbrContractDetails(props: {
         <div>•</div>
         {showHotVolume ? (
           <div className="whitespace-nowrap">
-            {formatMoney(volume24Hours)} 24h vol
+            <TrendingUpIcon className="h-5 w-5 text-gray-500 inline" />{' '}
+            {formatMoney(volume24Hours)}
           </div>
         ) : (
           <div className="whitespace-nowrap">{formatMoney(truePool)} pool</div>