Web UI: Polling on tables

webui/src/_helpers/Mutations.js

@@ -0,0 +1,44 @@
+import { set, get } from 'dot-prop'
+
+export const withPagination = (type, opts = {}) => (state, data) => {
+  const { isSameContext, statePath } = opts
+  const currentState = get(state, statePath)
+
+  let newState
+
+  switch (type) {
+    case 'request':
+      newState = {
+        ...currentState,
+        loading: true
+      }
+      break
+    case 'success':
+      const { body, page } = data
+      newState = {
+        ...currentState,
+        items: [
+          ...(isSameContext && currentState.items && page !== 1 ? currentState.items : []),
+          ...(body.data || [])
+        ],
+        currentPage: page,
+        total: isSameContext && currentState.items && page !== 1
+          ? body.total + currentState.total
+          : body.total,
+        loading: false
+      }
+      break
+    case 'failure':
+      newState = {
+        ...currentState,
+        loading: false,
+        error: data,
+        endReached: data.message.includes('invalid request: page:')
+      }
+      break
+  }
+
+  if (newState) {
+    set(state, statePath, newState)
+  }
+}