From 8cebad0a48088d7155c62d03960b6204e1fb62a2 Mon Sep 17 00:00:00 2001
From: Jade McGough <jade@influxdb.com>
Date: Tue, 30 May 2017 12:02:46 -0700
Subject: [PATCH] cleanup classname constant

---
 ui/src/dashboards/components/CellEditorOverlay.js | 6 ++++--
 ui/src/data_explorer/components/WriteDataForm.js  | 5 +++--
 ui/src/shared/components/OverlayTechnologies.js   | 4 ++--
 ui/src/shared/constants/classNames.js             | 1 +
 ui/src/shared/constants/index.js                  | 2 --
 5 files changed, 10 insertions(+), 8 deletions(-)
 create mode 100644 ui/src/shared/constants/classNames.js

diff --git a/ui/src/dashboards/components/CellEditorOverlay.js b/ui/src/dashboards/components/CellEditorOverlay.js
index d4c4ca1cb..318a800d4 100644
--- a/ui/src/dashboards/components/CellEditorOverlay.js
+++ b/ui/src/dashboards/components/CellEditorOverlay.js
@@ -12,8 +12,10 @@ import * as queryModifiers from 'src/utils/queryTransitions'
 import defaultQueryConfig from 'src/utils/defaultQueryConfig'
 import buildInfluxQLQuery from 'utils/influxql'
 import {getQueryConfig} from 'shared/apis'
-import {MINIMUM_HEIGHTS, INITIAL_HEIGHTS} from 'src/data_explorer/constants'
+
 import {removeUnselectedTemplateValues} from 'src/dashboards/constants'
+import {OVERLAY_TECHNOLOGY} from 'shared/constants/classNames'
+import {MINIMUM_HEIGHTS, INITIAL_HEIGHTS} from 'src/data_explorer/constants'
 
 class CellEditorOverlay extends Component {
   constructor(props) {
@@ -154,7 +156,7 @@ class CellEditorOverlay extends Component {
     }
 
     return (
-      <div className="overlay-technology">
+      <div className={OVERLAY_TECHNOLOGY}>
         <ResizeContainer
           containerClass="resizer--full-size"
           minTopHeight={MINIMUM_HEIGHTS.visualization}
diff --git a/ui/src/data_explorer/components/WriteDataForm.js b/ui/src/data_explorer/components/WriteDataForm.js
index 9aac1dea3..7fcd59a97 100644
--- a/ui/src/data_explorer/components/WriteDataForm.js
+++ b/ui/src/data_explorer/components/WriteDataForm.js
@@ -2,7 +2,8 @@ import React, {Component, PropTypes} from 'react'
 
 import DatabaseDropdown from 'shared/components/DatabaseDropdown'
 import OnClickOutside from 'shared/components/OnClickOutside'
-import {OVERLAY_CLASS} from 'shared/constants'
+
+import {OVERLAY_TECHNOLOGY} from 'shared/constants/classNames'
 
 class WriteDataForm extends Component {
   constructor(props) {
@@ -25,7 +26,7 @@ class WriteDataForm extends Component {
 
   handleClickOutside(e) {
     // guard against clicking to close error notification
-    if (e.target.className === OVERLAY_CLASS) {
+    if (e.target.className === OVERLAY_TECHNOLOGY) {
       const {onClose} = this.props
       onClose()
     }
diff --git a/ui/src/shared/components/OverlayTechnologies.js b/ui/src/shared/components/OverlayTechnologies.js
index f2e5590c7..a9912abcb 100644
--- a/ui/src/shared/components/OverlayTechnologies.js
+++ b/ui/src/shared/components/OverlayTechnologies.js
@@ -1,9 +1,9 @@
 import React, {PropTypes} from 'react'
 
-import {OVERLAY_CLASS} from 'shared/constants'
+import {OVERLAY_TECHNOLOGY} from 'shared/constants/classNames'
 
 const OverlayTechnologies = ({children}) => (
-  <div className={OVERLAY_CLASS}>{children}</div>
+  <div className={OVERLAY_TECHNOLOGY}>{children}</div>
 )
 
 const {node} = PropTypes
diff --git a/ui/src/shared/constants/classNames.js b/ui/src/shared/constants/classNames.js
new file mode 100644
index 000000000..65faaf719
--- /dev/null
+++ b/ui/src/shared/constants/classNames.js
@@ -0,0 +1 @@
+export const OVERLAY_TECHNOLOGY = 'overlay-technology'
diff --git a/ui/src/shared/constants/index.js b/ui/src/shared/constants/index.js
index 05d920c97..ac3141334 100644
--- a/ui/src/shared/constants/index.js
+++ b/ui/src/shared/constants/index.js
@@ -399,5 +399,3 @@ export const AUTOREFRESH_DEFAULT = 15000 // in milliseconds
 export const GRAPH = 'graph'
 export const TABLE = 'table'
 export const VIS_VIEWS = [GRAPH, TABLE]
-
-export const OVERLAY_CLASS = 'overlay-technology'