From 0a8ce714cba808034a823299f4ae7b21005f0baf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Wed, 22 Apr 2020 12:01:02 +0200
Subject: [PATCH] VizRepeater: fixed issue with resolved auto orientation
 passed back from VizRepeater (#23767)

* VizRepeater: fixed issue with resolved auto orientation passed back from VizRepeater

* Updated variable name
---
 .../src/components/VizRepeater/VizRepeater.tsx       | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx b/packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx
index 9380a75720f..b18680ba77c 100644
--- a/packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx
+++ b/packages/grafana-ui/src/components/VizRepeater/VizRepeater.tsx
@@ -145,7 +145,9 @@ export class VizRepeater<V, D = {}> extends PureComponent<Props<V, D>, State<V>>
     let vizHeight = height;
     let vizWidth = width;
 
-    switch (this.getOrientation()) {
+    let resolvedOrientation = this.getOrientation();
+
+    switch (resolvedOrientation) {
       case VizOrientation.Horizontal:
         repeaterStyle.flexDirection = 'column';
         itemStyles.marginBottom = `${itemSpacing}px`;
@@ -170,7 +172,13 @@ export class VizRepeater<V, D = {}> extends PureComponent<Props<V, D>, State<V>>
         {values.map((value, index) => {
           return (
             <div key={index} style={getItemStylesForIndex(itemStyles, index, values.length)}>
-              {renderValue({ value, width: vizWidth, height: vizHeight, alignmentFactors, orientation })}
+              {renderValue({
+                value,
+                width: vizWidth,
+                height: vizHeight,
+                alignmentFactors,
+                orientation: resolvedOrientation,
+              })}
             </div>
           );
         })}