Be more defensive where we split text from responses

Closes #5139
Closes #5155

ui/src/flux/components/FluxScriptEditor.tsx

@@ -1,3 +1,4 @@
+import _ from 'lodash'
 import React, {PureComponent, MouseEvent} from 'react'
 import {Controlled as ReactCodeMirror, IInstance} from 'react-codemirror2'
 import {EditorChange, LineWidget, Position} from 'codemirror'
@@ -192,11 +193,12 @@ class FluxScriptEditor extends PureComponent<Props, State> {
 
   private get statusLine(): Gutter[] {
     const {status} = this.props
-    const messages = status.text.split('\n')
+    const messages = _.get(status, 'text', '').split('\n')
     const lineNumbers = messages
       .map(text => {
         const [numbers] = text.split(' ')
         const [lineNumber] = numbers.split(':')
+
         return {line: Number(lineNumber), text}
       })
       .filter(d => !isNaN(d.line))

ui/src/reusable_ui/components/form_layout/Form.tsx

@@ -29,7 +29,9 @@ class Form extends Component<Props> {
   ]
 
   public static ValidChildNames: string = _.map(Form.ValidChildTypes, valid => {
-    const name = valid.displayName.split('Form').pop()
+    const name = _.get(valid, 'displayName', '')
+      .split('Form')
+      .pop()
 
     return `<Form.${name}>`
   }).join(', ')

ui/src/reusable_ui/components/panel/Panel.tsx

@@ -39,7 +39,9 @@ class Panel extends Component<Props> {
   public static ValidChildNames: string = _.map(
     Panel.ValidChildTypes,
     child => {
-      const name = child.displayName.split('Panel').pop()
+      const name = _.get(child, 'displayName', '')
+        .split('Panel')
+        .pop()
 
       return `<Panel.${name}>`
     }

ui/src/shared/components/LayoutCell.tsx

@@ -171,7 +171,9 @@ export default class LayoutCell extends Component<Props> {
 
   private async downloadInfluxQLCSV() {
     const {cellData, cell} = this.props
-    const name = `${cell.name.split(' ').join('_')}.csv`
+    const name = `${_.get(cell, 'name', '')
+      .split(' ')
+      .join('_')}.csv`
 
     let csv: string
 
@@ -190,7 +192,9 @@ export default class LayoutCell extends Component<Props> {
 
   private downloadFluxCSV() {
     const {cellFluxData, cell} = this.props
-    const joinedName = cell.name.split(' ').join('_')
+    const joinedName = _.get(cell, 'name', '')
+      .split(' ')
+      .join('_')
 
     downloadCSV(cellFluxData, joinedName)
   }

ui/src/shared/parsing/diskBytes.js

@@ -38,7 +38,7 @@ export function diskBytesFromShardForDatabase(response) {
   }
 
   const shardData = results.series.reduce((data, series) => {
-    const pathParts = series.tags.path.split('/')
+    const pathParts = _.get(series, 'tags.path', '').split('/')
     const shardID = pathParts[pathParts.length - 1]
     const diskUsage = series.values[0][series.columns.indexOf('last')]
     const nodeID = series.tags.nodeID