From 56b7adf2245b09b8803a8fc7818bbc5555fed153 Mon Sep 17 00:00:00 2001
From: Marcus Zanona <zanona@users.noreply.github.com>
Date: Tue, 16 Jun 2020 17:36:59 +0200
Subject: [PATCH] fix(grid): link vertical grid to ticks on the x axis

At the moment `<Grid direction={Grid.Direction.VERTICAL}/>` doesn't render anything as it's referring to the points on the Y axis.
This change, updates both `Horizontal` and `Vertical` components so the ticks are based on their axis, but at the same time, respect the `numberOfTicks` property by limiting it to `ticks.length`
---
 src/grid.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/grid.js b/src/grid.js
index ee4bf899..eb6a5785 100644
--- a/src/grid.js
+++ b/src/grid.js
@@ -5,7 +5,7 @@ import { G, Line } from 'react-native-svg'
 const Horizontal = ({ ticks = [], y, svg }) => {
     return (
         <G>
-            {ticks.map((tick) => (
+            {y.ticks(ticks.length).map((tick) => (
                 <Line
                     key={tick}
                     x1={'0%'}
@@ -24,7 +24,7 @@ const Horizontal = ({ ticks = [], y, svg }) => {
 const Vertical = ({ ticks = [], x, svg }) => {
     return (
         <G>
-            {ticks.map((tick, index) => (
+            {x.ticks(ticks.length).map((tick, index) => (
                 <Line
                     key={index}
                     y1={'0%'}