cleanup classname constant

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}

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()
     }

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

ui/src/shared/constants/classNames.js

@@ -0,0 +1 @@
+export const OVERLAY_TECHNOLOGY = 'overlay-technology'

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'