LIVE-886 (Market): add sparkline variation + fix issue in countervalue initial value

src/market/MarketDataProvider.tsx

@@ -220,7 +220,8 @@ export const MarketDataProvider = ({
   }, []);
 
   useEffect(() => {
-    if (countervalue)
+    if (countervalue) {
+      const ticker = countervalue.ticker.toLowerCase();
       api.supportedCounterCurrencies().then(
         (supportedCounterCurrencies) =>
           api.setSupportedCoinsList().then((coins) => {
@@ -233,13 +234,14 @@ export const MarketDataProvider = ({
             });
             dispatch({
               type: ACTIONS.UPDATE_COUNTERVALUE,
-              payload: supportedCounterCurrencies.includes(countervalue.ticker)
-                ? countervalue.ticker
+              payload: supportedCounterCurrencies.includes(ticker)
+                ? ticker
                 : "usd",
             });
           }, handleError),
         handleError
       );
+    }
   }, [api, countervalue, handleError]);
 
   useEffect(() => {

src/market/api/api.ts

@@ -83,6 +83,7 @@ function sparklineAsSvgData(points: number[]): SparklineSvgData {
       })
       .join(" "),
     viewBox: `0 0 ${totalXSteps} ${sparklineYHeight + 3}`,
+    isPositive: points[0] <= points[points.length - 1],
   };
 }
 

src/market/types.ts

@@ -34,6 +34,7 @@ export type MarketCurrencyChartDataRequestParams = {
 export type SparklineSvgData = {
   path: string;
   viewBox: string;
+  isPositive: boolean;
 };
 
 export type CurrencyData = {