diff --git a/ui/src/data_explorer/components/WriteDataForm.js b/ui/src/data_explorer/components/WriteDataForm.js index 19ad7ad95..4e9a9ed17 100644 --- a/ui/src/data_explorer/components/WriteDataForm.js +++ b/ui/src/data_explorer/components/WriteDataForm.js @@ -2,6 +2,7 @@ import React, {Component, PropTypes} from 'react' import DatabaseDropdown from 'shared/components/DatabaseDropdown' import OnClickOutside from 'shared/components/OnClickOutside' +import {OVERLAY_CLASS} from 'shared/constants' class WriteDataForm extends Component { constructor(props) { @@ -24,7 +25,7 @@ class WriteDataForm extends Component { handleClickOutside(e) { // guard against clicking to close error notification - if (e.target.className === 'overlay-technology') { + if (e.target.className === OVERLAY_CLASS) { const {onClose} = this.props onClose() } diff --git a/ui/src/shared/components/OverlayTechnologies.js b/ui/src/shared/components/OverlayTechnologies.js index 876358b00..f2e5590c7 100644 --- a/ui/src/shared/components/OverlayTechnologies.js +++ b/ui/src/shared/components/OverlayTechnologies.js @@ -1,7 +1,9 @@ import React, {PropTypes} from 'react' +import {OVERLAY_CLASS} from 'shared/constants' + const OverlayTechnologies = ({children}) => ( -
{children}
+
{children}
) const {node} = PropTypes diff --git a/ui/src/shared/constants/index.js b/ui/src/shared/constants/index.js index ac3141334..05d920c97 100644 --- a/ui/src/shared/constants/index.js +++ b/ui/src/shared/constants/index.js @@ -399,3 +399,5 @@ 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'