Add dummy filters back in for display purposes

ui/src/logs/components/LogViewerHeader.tsx

@@ -33,7 +33,7 @@ class LogViewerHeader extends PureComponent<Props> {
         <div className="page-header__container">
           <div className="page-header__left">
             {this.status}
-            <h1 className="page-header__title" style={{marginLeft: '10px'}}>
+            <h1 className="page-header__title logs-viewer-header-title">
               Log Viewer
             </h1>
           </div>

ui/src/logs/components/LogsTable.tsx

@@ -13,7 +13,7 @@ interface Props {
     columns: string[]
     values: string[]
   }
-  scrolledToTop: boolean
+  isScrolledToTop: boolean
   onScrollVertical: () => void
   onScrolledToTop: () => void
 }

ui/src/logs/containers/LogsPage.tsx

@@ -55,13 +55,13 @@ interface State {
 }
 
 const DUMMY_FILTERS = [
-  // {
-  //   id: '0',
-  //   key: 'host',
-  //   value: 'prod1-rsavage.local',
-  //   operator: '==',
-  //   enabled: true,
-  // },
+  {
+    id: '0',
+    key: 'host',
+    value: 'prod1-rsavage.local',
+    operator: '==',
+    enabled: true,
+  },
 ]
 
 class LogsPage extends PureComponent<Props, State> {
@@ -121,7 +121,7 @@ class LogsPage extends PureComponent<Props, State> {
             data={this.props.tableData}
             onScrollVertical={this.handleVerticalScroll}
             onScrolledToTop={this.handleScrollToTop}
-            scrolledToTop={liveUpdating}
+            isScrolledToTop={liveUpdating}
           />
         </div>
       </div>

ui/src/style/pages/logs-viewer.scss

@@ -15,6 +15,10 @@ $logs-viewer-gutter: 60px;
   flex-wrap: nowrap;
 }
 
+.logs-viewer-header-title {
+  margin-left: 10px;
+}
+
 .logs-viewer--graph-container {
   padding: 22px ($logs-viewer-gutter - 16px) 10px ($logs-viewer-gutter - 16px);
   height: $logs-viewer-graph-height;