Data explorer error handling

ui/src/data_explorer/components/FieldListItem.js

@@ -5,7 +5,9 @@ import _ from 'lodash'
 
 import FunctionSelector from 'shared/components/FunctionSelector'
 import {firstFieldName} from 'shared/reducers/helpers/fields'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class FieldListItem extends Component {
   constructor(props) {
     super(props)

ui/src/data_explorer/components/QueryEditor.js

@@ -4,7 +4,9 @@ import PropTypes from 'prop-types'
 import Dropdown from 'shared/components/Dropdown'
 import {QUERY_TEMPLATES} from 'src/data_explorer/constants'
 import QueryStatus from 'shared/components/QueryStatus'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class QueryEditor extends Component {
   constructor(props) {
     super(props)

ui/src/data_explorer/components/QueryMakerTab.tsx

@@ -1,5 +1,6 @@
 import React, {PureComponent} from 'react'
 import classnames from 'classnames'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Query {
   rawText: string
@@ -14,6 +15,7 @@ interface Props {
   queryIndex: number
 }
 
+@ErrorHandling
 class QueryMakerTab extends PureComponent<Props> {
   public render() {
     return (

ui/src/data_explorer/components/Table.js

@@ -11,9 +11,11 @@ import TabItem from 'src/data_explorer/components/TableTabItem'
 import {TEMPLATES} from 'src/shared/constants'
 
 import {fetchTimeSeriesAsync} from 'shared/actions/timeSeries'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 const emptySeries = {columns: [], values: []}
 
+@ErrorHandling
 class ChronoTable extends Component {
   constructor(props) {
     super(props)

ui/src/data_explorer/components/Visualization.js

@@ -6,9 +6,11 @@ import VisView from 'src/data_explorer/components/VisView'
 import {GRAPH, TABLE} from 'shared/constants'
 import buildQueries from 'utils/buildQueriesForGraphs'
 import _ from 'lodash'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 const META_QUERY_REGEX = /^(show|create|drop)/i
 
+@ErrorHandling
 class Visualization extends Component {
   constructor(props) {
     super(props)

ui/src/data_explorer/components/WriteDataForm.js

@@ -7,8 +7,10 @@ import WriteDataBody from 'src/data_explorer/components/WriteDataBody'
 import WriteDataHeader from 'src/data_explorer/components/WriteDataHeader'
 
 import {OVERLAY_TECHNOLOGY} from 'shared/constants/classNames'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 let dragCounter = 0
 
+@ErrorHandling
 class WriteDataForm extends Component {
   constructor(props) {
     super(props)

ui/src/data_explorer/containers/DataExplorer.tsx

@@ -28,6 +28,7 @@ import {buildRawText} from 'src/utils/influxql'
 import defaultQueryConfig from 'src/utils/defaultQueryConfig'
 
 import {Source, Query, TimeRange} from 'src/types'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   source: Source
@@ -49,6 +50,7 @@ interface State {
   showWriteForm: boolean
 }
 
+@ErrorHandling
 export class DataExplorer extends PureComponent<Props, State> {
   public static childContextTypes = {
     source: PropTypes.shape({

ui/src/data_explorer/containers/DataExplorerPage.tsx

@@ -2,11 +2,13 @@ import React, {PureComponent} from 'react'
 import DataExplorer from './DataExplorer'
 
 import {Source} from 'src/types'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   source: Source
 }
 
+@ErrorHandling
 class DataExplorerPage extends PureComponent<Props> {
   public render() {
     return (

ui/src/hosts/components/HostRow.js

@@ -5,7 +5,9 @@ import {Link} from 'react-router'
 import classnames from 'classnames'
 
 import {HOSTS_TABLE} from 'src/hosts/constants/tableSizing'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class HostRow extends Component {
   constructor(props) {
     super(props)

ui/src/hosts/components/HostsTable.js

@@ -7,7 +7,9 @@ import HostRow from 'src/hosts/components/HostRow'
 import InfiniteScroll from 'shared/components/InfiniteScroll'
 
 import {HOSTS_TABLE} from 'src/hosts/constants/tableSizing'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class HostsTable extends Component {
   constructor(props) {
     super(props)

ui/src/hosts/components/SearchBar.js

@@ -1,7 +1,9 @@
 import React, {Component} from 'react'
 import PropTypes from 'prop-types'
 import _ from 'lodash'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class SearchBar extends Component {
   constructor(props) {
     super(props)

ui/src/hosts/containers/HostPage.js

@@ -20,7 +20,9 @@ import {
 
 import {setAutoRefresh} from 'shared/actions/app'
 import {presentationButtonDispatcher} from 'shared/dispatchers'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class HostPage extends Component {
   constructor(props) {
     super(props)

ui/src/hosts/containers/HostsPage.js

@@ -18,7 +18,9 @@ import {
   notifyUnableToGetHosts,
   notifyUnableToGetApps,
 } from 'shared/copy/notifications'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
+@ErrorHandling
 class HostsPage extends Component {
   constructor(props) {
     super(props)