format chart negative price string

blockchain · Apr 26, 2019 · 4b4170e · 4b4170e
1 parent 386ec12
commit 4b4170e
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/...ckchain-wallet-v4-frontend/src/scenes/Home/PriceChart/CoinPerformance/template.success.js b/...ckchain-wallet-v4-frontend/src/scenes/Home/PriceChart/CoinPerformance/template.success.js
@@ -14,6 +14,19 @@ const Wrapper = styled.div`
   }
 `
 
+const buildPriceDisplay = (currency, priceChange, pricePercentageChange) => {
+  let priceFormatted
+  if (priceChange < 0) {
+    priceFormatted = `-${Exchange.getSymbol(currency)}${Currency.formatFiat(
+      priceChange
+    ).substring(1)}`
+  } else {
+    priceFormatted =
+      Exchange.getSymbol(currency) + Currency.formatFiat(priceChange)
+  }
+  return `${priceFormatted} (${Currency.formatFiat(pricePercentageChange)}%)`
+}
+
 const Success = ({
   currency,
   priceChartTime,
@@ -23,8 +36,7 @@ const Success = ({
   return (
     <Wrapper>
       <Text size='12px' color={priceChange >= 0 ? 'success' : 'sent'}>
-        {Exchange.getSymbol(currency) + Currency.formatFiat(priceChange)} (
-        {Currency.formatFiat(pricePercentageChange)}%)
+        {buildPriceDisplay(currency, priceChange, pricePercentageChange)}
       </Text>
       <Text size='12px' color='lightblue-gray'>
         {getPriceChartTime(priceChartTime)}