Merge pull request #3226 from influxdata/data-explorer-error-handling

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)

ui/src/ifql/components/FuncArg.tsx

@@ -2,6 +2,7 @@ import React, {PureComponent} from 'react'
 
 import FuncArgInput, {OnChangeArg} from 'src/ifql/components/FuncArgInput'
 import * as types from 'src/ifql/constants/argumentTypes'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   funcID: string
@@ -12,6 +13,7 @@ interface Props {
   onGenerateScript: () => void
 }
 
+@ErrorHandling
 class FuncArg extends PureComponent<Props> {
   public render() {
     const {

ui/src/ifql/components/FuncArgInput.tsx

@@ -1,4 +1,5 @@
 import React, {PureComponent, ChangeEvent, KeyboardEvent} from 'react'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 export type OnChangeArg = (inputArg: InputArg) => void
 
@@ -17,6 +18,7 @@ interface Props {
   onGenerateScript: () => void
 }
 
+@ErrorHandling
 class FuncArgInput extends PureComponent<Props> {
   public render() {
     const {argKey, value, type} = this.props

ui/src/ifql/components/FuncArgs.tsx

@@ -1,6 +1,7 @@
 import React, {PureComponent} from 'react'
 import FuncArg from 'src/ifql/components/FuncArg'
 import {OnChangeArg} from 'src/ifql/components/FuncArgInput'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Arg {
   key: string
@@ -21,6 +22,7 @@ interface Props {
   onGenerateScript: () => void
 }
 
+@ErrorHandling
 export default class FuncArgs extends PureComponent<Props> {
   public render() {
     const {func, onChangeArg, onGenerateScript} = this.props

ui/src/ifql/components/FuncListItem.tsx

@@ -1,4 +1,5 @@
 import React, {PureComponent} from 'react'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   name: string
@@ -7,6 +8,7 @@ interface Props {
   onSetSelectedFunc: (name: string) => void
 }
 
+@ErrorHandling
 export default class FuncListItem extends PureComponent<Props> {
   public render() {
     return (

ui/src/ifql/components/FuncNode.tsx

@@ -2,6 +2,7 @@ import React, {PureComponent, MouseEvent} from 'react'
 import FuncArgs from 'src/ifql/components/FuncArgs'
 import {Func} from 'src/ifql/components/FuncArgs'
 import {OnChangeArg} from 'src/ifql/components/FuncArgInput'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   func: Func
@@ -14,6 +15,7 @@ interface State {
   isOpen: boolean
 }
 
+@ErrorHandling
 export default class FuncNode extends PureComponent<Props, State> {
   constructor(props) {
     super(props)

ui/src/ifql/components/FuncSelector.tsx

@@ -3,6 +3,7 @@ import _ from 'lodash'
 
 import {ClickOutside} from 'src/shared/components/ClickOutside'
 import FuncList from 'src/ifql/components/FuncList'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface State {
   isOpen: boolean
@@ -15,6 +16,7 @@ interface Props {
   onAddNode: (name: string) => void
 }
 
+@ErrorHandling
 export class FuncSelector extends PureComponent<Props, State> {
   constructor(props) {
     super(props)

ui/src/ifql/components/TimeMachine.tsx

@@ -5,6 +5,7 @@ import TimeMachineEditor from 'src/ifql/components/TimeMachineEditor'
 
 import {Func} from 'src/ifql/components/FuncArgs'
 import {OnChangeArg} from 'src/ifql/components/FuncArgInput'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 export interface Suggestion {
   name: string
@@ -25,6 +26,7 @@ interface Props {
   onGenerateScript: () => void
 }
 
+@ErrorHandling
 class TimeMachine extends PureComponent<Props> {
   public render() {
     const {

ui/src/ifql/components/TimeMachineEditor.tsx

@@ -2,6 +2,7 @@ import React, {PureComponent} from 'react'
 import {Controlled as CodeMirror, IInstance} from 'react-codemirror2'
 import {EditorChange} from 'codemirror'
 import 'src/external/codemirror'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
   script: string
@@ -9,6 +10,7 @@ interface Props {
   onSubmitScript: (script: string) => void
 }
 
+@ErrorHandling
 class TimeMachineEditor extends PureComponent<Props> {
   constructor(props) {
     super(props)

ui/src/ifql/containers/IFQLPage.tsx

@@ -11,6 +11,7 @@ import {InputArg} from 'src/ifql/components/FuncArgInput'
 
 import {getSuggestions, getAST} from 'src/ifql/apis'
 import * as argTypes from 'src/ifql/constants/argumentTypes'
+import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Links {
   self: string
@@ -29,6 +30,7 @@ interface State {
   script: string
 }
 
+@ErrorHandling
 export class IFQLPage extends PureComponent<Props, State> {
   constructor(props) {
     super(props)