fix(plugins/plugin-client-common): watch ls does not watch

This has been broken for a while now, and we've been ignoring test failures.

Author: starpit

plugins/plugin-client-common/src/components/Content/Table/LivePaginatedTable.tsx

@@ -27,7 +27,6 @@ type LiveProps = Props<KuiTable & Watchable> & { onRender: (hasContent: boolean)
 
 interface LiveState extends State {
   isWatching: boolean
-  lastUpdatedMillis: number
 }
 
 export default class LivePaginatedTable extends PaginatedTable<LiveProps, LiveState> {
@@ -295,7 +294,10 @@ export default class LivePaginatedTable extends PaginatedTable<LiveProps, LiveSt
   private batchUpdateDone() {
     if (this._deferredUpdate) {
       this._deferredUpdate = undefined
-      this.setState({ lastUpdatedMillis: Date.now() })
+      this.setState(curState => ({
+        body: curState.body.slice(), // force render
+        lastUpdatedMillis: Date.now()
+      }))
     }
   }
 

plugins/plugin-client-common/src/components/Content/Table/PaginatedTable.tsx

@@ -100,6 +100,8 @@ export type State<T extends KuiTable = KuiTable> = ToolbarProps &
     /* sorting */
     activeSortIdx: number
     activeSortDir: SortByDirection
+
+    lastUpdatedMillis: number
   }
 
 export function getBreadcrumbsFromTable(response: KuiTable, prefixBreadcrumbs: BreadcrumbView[]) {
@@ -179,6 +181,7 @@ export default class PaginatedTable<P extends Props, S extends State> extends Re
         header,
         asSequence,
         asHistogram: defaultPresentation === 'histogram',
+        lastUpdatedMillis: !currentState ? Date.now() : currentState.lastUpdatedMillis,
         activeSortIdx: -1,
         activeSortDir: undefined,
         response: props.response,