Handle failing queries for log viewer

ui/src/logs/actions/index.ts

@@ -279,12 +279,17 @@ export const incrementQueryCount = () => ({
 
 export const executeQueriesAsync = () => async dispatch => {
   dispatch(incrementQueryCount())
+  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 => {
   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 = () => {