From c4a717bd77a8a5d29c4a43bca4b5a55f6f8099f7 Mon Sep 17 00:00:00 2001
From: Kristoffer Lind <kristoffer.lind@tretton37.se>
Date: Thu, 7 Feb 2019 11:12:49 +0100
Subject: [PATCH] fix single dimension custom style headers

---
 src/headers-table/index.jsx                   | 20 ++++++++++---------
 .../measurement-column-header.jsx             |  2 +-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/headers-table/index.jsx b/src/headers-table/index.jsx
index 16ace73..c45fa48 100644
--- a/src/headers-table/index.jsx
+++ b/src/headers-table/index.jsx
@@ -19,7 +19,7 @@ const HeadersTable = ({ data, general, styling }) => {
     measurements
   } = data.headers;
 
-  const hasSecondDimension = Boolean(dimension2);
+  const hasSecondDimension = dimension2.length > 0;
 
   return (
     <div className="header-wrapper">
@@ -33,14 +33,16 @@ const HeadersTable = ({ data, general, styling }) => {
               styling={styling}
               title={dimension1[0].name}
             />
-            {!hasSecondDimension && injectSeparators(measurements, styling.useSeparatorColumns)
-              .map(measurementEntry => (
-                <MeasurementColumnHeader
-                  key={`${measurementEntry.displayValue}-${measurementEntry.name}`}
-                  measurement={measurementEntry}
-                />
-              ))
-            }
+            {!hasSecondDimension && measurements.map(measurementEntry => (
+              <MeasurementColumnHeader
+                baseCSS={baseCSS}
+                general={general}
+                hasSecondDimension={hasSecondDimension}
+                key={`${measurementEntry.displayValue}-${measurementEntry.name}`}
+                measurement={measurementEntry}
+                styling={styling}
+              />
+            ))}
             {hasSecondDimension && injectSeparators(dimension2, styling.useSeparatorColumns).map(entry => {
               if (entry.isSeparator) {
                 const separatorStyle = {
diff --git a/src/headers-table/measurement-column-header.jsx b/src/headers-table/measurement-column-header.jsx
index 4cf4718..3523913 100644
--- a/src/headers-table/measurement-column-header.jsx
+++ b/src/headers-table/measurement-column-header.jsx
@@ -45,7 +45,7 @@ const MeasurementColumnHeader = ({ baseCSS, general, hasSecondDimension, measure
       style={style}
     >
       <span
-        className={`wrapclass ${suffixWrap}`}
+        className={`wrapclass${suffixWrap}`}
         style={{ fontFamily: styling.headerOptions.fontFamily }}
       >
         {title}