From d5ad2b4ef03cafdf7179fe514374c1f7d7dd35e7 Mon Sep 17 00:00:00 2001
From: Jonathan Eatherly <jonathan.eatherly@involver.com>
Date: Mon, 13 Nov 2017 14:20:49 -0600
Subject: [PATCH] use cx module for conditional classnames in Table.jsx
---
frontend/src/metabase/visualizations/visualizations/Table.jsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/frontend/src/metabase/visualizations/visualizations/Table.jsx b/frontend/src/metabase/visualizations/visualizations/Table.jsx
index 6f0f5e92f29..679bbcb16bf 100644
--- a/frontend/src/metabase/visualizations/visualizations/Table.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Table.jsx
@@ -13,6 +13,7 @@ import { columnsAreValid, getFriendlyName } from "metabase/visualizations/lib/ut
import ChartSettingOrderedFields from "metabase/visualizations/components/settings/ChartSettingOrderedFields.jsx";
import _ from "underscore";
+import cx from "classnames";
import RetinaImage from "react-retina-image";
import { getIn } from "icepick";
@@ -135,7 +136,7 @@ export default class Table extends Component {
if (isColumnsDisabled) {
return (
- <div className={"flex-full px1 pb1 text-centered flex flex-column layout-centered " + (isDashboard ? "text-slate-light" : "text-slate")}>
+ <div className={cx("flex-full px1 pb1 text-centered flex flex-column layout-centered", { "text-slate-light": isDashboard, "text-slate": !isDashboard })} >
<RetinaImage
width={99}
src="app/assets/img/hidden-field.png"
--
GitLab