(Market): update sparkline color according to variation

LedgerHQ · Feb 14, 2022 · 879c557 · 879c557 · github-actions · Feb 14, 2022
1 parent 998926a
commit 879c557
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/renderer/screens/market/MarketItemChart.tsx b/src/renderer/screens/market/MarketItemChart.tsx
@@ -1,13 +1,22 @@
 import React, { memo } from "react";
+import { useTheme } from "styled-components";
 import { SparklineSvgData } from "@ledgerhq/live-common/lib/market/types";
 
 type Props = {
   sparklineIn7d: SparklineSvgData;
-  color?: string;
 };
 
-function SmallMarketItemChartComponent({ sparklineIn7d, color }: Props) {
-  const { path, viewBox } = sparklineIn7d;
+function SmallMarketItemChartComponent({ sparklineIn7d }: Props) {
+  // @ts-expect-error to update with next live-common update
+  const { path, viewBox, isPositive } = sparklineIn7d;
+
+  const { colors } = useTheme();
+  const color =
+    isPositive !== undefined
+      ? isPositive
+        ? colors.success.c80
+        : colors.error.c80
+      : colors.neutral.c80;
 
   return (
     <svg