From de41c9de9444e3ed2cd9c062ce25b6b06df97383 Mon Sep 17 00:00:00 2001 From: cryptoseneca Date: Mon, 25 Mar 2024 13:37:32 -0400 Subject: [PATCH] format reward amounts --- .../src/components/RoundAwardsDisplay/index.tsx | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/packages/prop-house-webapp/src/components/RoundAwardsDisplay/index.tsx b/packages/prop-house-webapp/src/components/RoundAwardsDisplay/index.tsx index ebae82120..7dac5ca96 100644 --- a/packages/prop-house-webapp/src/components/RoundAwardsDisplay/index.tsx +++ b/packages/prop-house-webapp/src/components/RoundAwardsDisplay/index.tsx @@ -8,7 +8,6 @@ import { Swiper, SwiperRef, SwiperSlide } from 'swiper/react'; import useAssetsWithMetadata, { AssetWithMetadata } from '../../hooks/useAssetsWithMetadata'; import buildEtherscanPath from '../../utils/buildEtherscanPath'; import buildOpenSeaPath from '../../utils/buildOpenSeaPath'; -import { truncateThousands } from '../../utils/truncateThousands'; import Skeleton from 'react-loading-skeleton'; const RoundAwardsDisplay: React.FC<{ @@ -45,6 +44,17 @@ const RoundAwardsDisplay: React.FC<{ ]; }; + const formatRewardAmount = (num: number) => + num >= 1000000 + ? (num / 1000000).toFixed(0) + 'M' + : num >= 10000 + ? (num / 1000).toFixed(0) + 'K' + : num >= 1000 + ? (num / 1000).toFixed(1) + 'K' + : num >= 1 + ? num.toFixed(0).toString() + : num.toFixed(4).toString(); + const sliderRef = useRef(null); const [loadingAssetsWithMetadata, assetsWithMetadata] = useAssetsWithMetadata(longAwardsFix()); @@ -111,10 +121,7 @@ const RoundAwardsDisplay: React.FC<{ ) : ( <> - {award.parsedAmount > 1000 - ? truncateThousands(award.parsedAmount) - : award.parsedAmount}{' '} - {award.symbol} + {formatRewardAmount(award.parsedAmount)} {award.symbol} )}