adding load more functionality to the devices and teams mobile tables

src/pages/Devices.tsx

@@ -26,6 +26,7 @@ import StatusPlenum from "common/StatusPlenum";
 import StatusSen5x from "common/StatusSen5x";
 import StatusDust from "common/StatusDust";
 import StatusGas from "common/StatusGas";
+import { cloneDeep } from "lodash";
 
 const useStyles = makeStyles((theme: Theme) => {
   return ({
@@ -751,6 +752,41 @@ export default function Devices() {
         orderBy={orderBy}
         setOrderBy={setOrderBy}
         endTitleElement={preferencesButton}
+        loadMore={()=>{
+          let currentRows = cloneDeep(devices)
+          deviceAPI.list(
+            limit, 
+            currentRows.length,
+            order, 
+            orderBy, 
+            undefined,
+            undefined,
+            undefined,
+            undefined,
+            undefined,
+            undefined,
+            undefined,
+            getKeys(),
+            getTypes(),
+            fieldContains,
+            search,
+            as
+          ).then(resp => {
+            let newDevices: Device[] = []
+            resp.data.devices.forEach(device => {
+              if (device.status?.plenum?.temperature) setHasPlenums(true)
+              if (device.status?.sen5x?.temperature) setHasSen5x(true)
+              if (device.status?.o2) setHasO2(true)
+              if (device.status?.co) setHasCo(true)
+              if (device.status?.co2) setHasCo2(true)
+              if (device.status?.no2) setHasNo2(true)
+              newDevices.push(Device.create(device))
+            })
+            setDevices(currentRows.concat(newDevices))
+          }).catch(err => {
+
+          })
+        }}
       />
       <ProvisionDevice
         isOpen={isProvisionDialogOpen}