Properly order rows in log viewer

ui/src/logs/actions/index.ts

@@ -39,11 +39,11 @@ const defaultTableData: TableData = {
     'time',
     'severity',
     'timestamp',
+    'message',
     'facility',
     'procid',
     'appname',
     'host',
-    'message',
   ],
   values: [],
 }

ui/src/logs/components/LogsTable.tsx

@@ -346,12 +346,15 @@ class LogsTable extends Component<Props, State> {
     }
 
     const data = getValuesFromData(this.props.tableInfiniteData.forward)
-    const backwardData = getValuesFromData(this.props.tableInfiniteData.forward)
+    const backwardData = getValuesFromData(
+      this.props.tableInfiniteData.backward
+    )
     const firstTime = getDeep(
       data,
       '0.0',
       getDeep(backwardData, '0.0', new Date().getTime())
     )
+
     const {firstQueryTime} = this.state
     if (firstQueryTime && firstQueryTime > firstTime) {
       return

ui/src/logs/reducers/index.ts

@@ -21,11 +21,11 @@ const defaultTableData: TableData = {
     'time',
     'severity',
     'timestamp',
+    'message',
     'facility',
     'procid',
     'appname',
     'host',
-    'message',
   ],
   values: [],
 }