From 730754cf821a20b31ac33e499398b518c158e8fd Mon Sep 17 00:00:00 2001
From: dapplion <guillem.lion.benosa@gmail.com>
Date: Fri, 2 Aug 2019 11:41:15 +0200
Subject: [PATCH] Adjust x axis

---
 src/PriceSimulationChart.tsx | 8 ++++++++
 src/theme.tsx                | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/PriceSimulationChart.tsx b/src/PriceSimulationChart.tsx
index a14848c..45d84c3 100644
--- a/src/PriceSimulationChart.tsx
+++ b/src/PriceSimulationChart.tsx
@@ -10,6 +10,7 @@ import {
   Tooltip
 } from "recharts";
 import { useTheme } from "@material-ui/styles";
+import { linspace } from "./utils";
 
 function PriceSimulationChart({
   priceTimeseries,
@@ -67,6 +68,13 @@ function PriceSimulationChart({
           dataKey={keyHorizontal}
           tick={{ fill: theme.palette.text.secondary }}
           stroke={theme.palette.text.secondary}
+          ticks={[
+            ...linspace({
+              to: priceTimeseries.length,
+              steps: 4
+            }).map(Math.floor),
+            priceTimeseries.length - 1
+          ]}
         />
         <YAxis
           yAxisId="left"
diff --git a/src/theme.tsx b/src/theme.tsx
index f38aa4a..f95dfca 100644
--- a/src/theme.tsx
+++ b/src/theme.tsx
@@ -9,7 +9,7 @@ const theme = createMuiTheme({
       main: "#2ecd79"
     },
     secondary: {
-      main: "#b44a9b"
+      main: "#116be0"
     },
     error: {
       main: red.A400