From 7fdc7c7612f116836e68c971c689226a744b37bc Mon Sep 17 00:00:00 2001
From: Andrew Watkins <watts@influxdb.com>
Date: Tue, 1 May 2018 14:26:45 -0700
Subject: [PATCH] Fix component not rendering

---
 ui/src/shared/components/ResizeContainer.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/ui/src/shared/components/ResizeContainer.tsx b/ui/src/shared/components/ResizeContainer.tsx
index 3d5fbac135..47ff58e299 100644
--- a/ui/src/shared/components/ResizeContainer.tsx
+++ b/ui/src/shared/components/ResizeContainer.tsx
@@ -126,14 +126,14 @@ class Resizer extends Component<Props, State> {
             id={d.id}
             name={d.name}
             size={d.size}
-            minPixels={d.minPixels}
-            render={d.render}
-            orientation={orientation}
             draggable={i > 0}
+            minPixels={d.minPixels}
+            orientation={orientation}
             activeHandleID={activeHandleID}
-            onHandleStartDrag={this.handleStartDrag}
             minPercent={this.minPercentY}
+            onHandleStartDrag={this.handleStartDrag}
             maxPercent={this.maximumHeightPercent}
+            render={this.props.divisions[i].render}
           />
         ))}
       </div>
@@ -217,11 +217,11 @@ class Resizer extends Component<Props, State> {
     return Math.abs(delta / height)
   }
 
-  private minPercentX = (xMinPixels: number): number => {
-    const {height} = this.containerRef.getBoundingClientRect()
+  // private minPercentX = (xMinPixels: number): number => {
+  //   const {height} = this.containerRef.getBoundingClientRect()
 
-    return xMinPixels / height
-  }
+  //   return xMinPixels / height
+  // }
 
   private minPercentY = (yMinPixels: number): number => {
     if (!this.containerRef) {