(LL-MKT): remove 1h graph range and mini graph color while we sort out the data (#4712)

Author: LFBarreto

src/renderer/screens/market/MarketCoinScreen/MarketCoinChart.tsx

@@ -150,11 +150,13 @@ function MarkeCoinChartComponent({
           </Flex>
         </Flex>
         <Bar onTabChange={setRange} initialActiveIndex={activeRangeIndex}>
-          {ranges.map(key => (
-            <Text color="inherit" variant="small" key={key}>
-              {t(`market.range.${key}`)}
-            </Text>
-          ))}
+          {ranges
+            .filter(k => k !== "1h")
+            .map(key => (
+              <Text color="inherit" variant="small" key={key}>
+                {t(`market.range.${key}`)}
+              </Text>
+            ))}
         </Bar>
       </Flex>
       <SwitchTransition>

src/renderer/screens/market/MarketRowItem.tsx

@@ -69,7 +69,7 @@ function MarketRowItem({
 
   const history = useHistory();
   const { colors } = useTheme();
-  const graphColor = currency?.priceChangePercentage < 0 ? colors.error.c60 : colors.success.c60;
+  const graphColor = colors.neutral.c80;
   const allAccounts = useSelector(accountsSelector);
 
   const onCurrencyClick = useCallback(() => {

src/renderer/screens/market/index.tsx

@@ -91,7 +91,10 @@ export default function Market() {
   }, [liveCompatible, refresh]);
 
   const timeRanges = useMemo(
-    () => Object.keys(rangeDataTable).map(value => ({ value, label: t(`market.range.${value}`) })),
+    () =>
+      Object.keys(rangeDataTable)
+        .filter(k => k !== "1h")
+        .map(value => ({ value, label: t(`market.range.${value}`) })),
     [t],
   );