Handle failing queries for log viewer

ui/src/logs/actions/index.ts

@@ -279,11 +279,16 @@ export const incrementQueryCount = () => ({
 
 export const executeQueriesAsync = () => async dispatch => {
   dispatch(incrementQueryCount())
-  await Promise.all([
-    dispatch(executeHistogramQueryAsync()),
-    dispatch(executeTableQueryAsync()),
-  ])
-  dispatch(decrementQueryCount())
+  try {
+    await Promise.all([
+      dispatch(executeHistogramQueryAsync()),
+      dispatch(executeTableQueryAsync()),
+    ])
+  } catch (ex) {
+    console.error('Could not make query requests')
+  } finally {
+    dispatch(decrementQueryCount())
+  }
 }
 
 export const setSearchTermAsync = (searchTerm: string) => async dispatch => {

ui/src/logs/components/LogsTable.tsx

@@ -315,7 +315,7 @@ class LogsTable extends Component<Props, State> {
     if (this.isClickable(column)) {
       return (
         <div
-          className={classnames(`logs-viewer--cell`, {
+          className={classnames('logs-viewer--cell', {
             highlight: highlightRow,
           })}
           title={`Filter by "${value}"`}

ui/src/logs/containers/LogsPage.tsx

@@ -122,7 +122,7 @@ class LogsPage extends PureComponent<Props, State> {
   }
 
   private get isSpecificTimeRange(): boolean {
-    return !!this.props.timeRange.upper
+    return !!getDeep(this.props, 'timeRange.upper', false)
   }
 
   private startUpdating = () => {