Display Transducer Data

src/pages/ocotillo/thing/well-show.tsx

@@ -6,6 +6,7 @@
   useShow,
   useNavigation,
   useList,
+  useInfiniteList,
 } from '@refinedev/core'
 import { useParams } from 'react-router-dom'
 import { Breadcrumb, CreateButton, Show, useDataGrid } from '@refinedev/mui'
@@ -108,6 +109,22 @@
     ]
   }, [])
 
+  const { isLoading: transducerIsLoading,
+    fetchNextPage,
+    hasNextPage,
+          data: transducerData } = useInfiniteList({
+    resource: 'observation/transducer-groundwater-level',
+    dataProviderName: 'ocotillo',
+    meta: {
+      params: {
+        thing_id: id,
+      },
+    },
+    pagination: {
+      pageSize: 10000,
+    },
+  })
+
   const { dataGridProps: observationDataGridProps } = useDataGrid({
     resource: 'observation/groundwater-level',
     dataProviderName: 'ocotillo',
@@ -183,6 +200,34 @@
     setHydrographDatasource(source)
   }, [observations])
 
+  useEffect(() => {
+    console.log('transducerData', transducerData)
+
+    if (!transducerData || transducerData.pages.length === 0) return
+    if (transducerIsLoading) return
+    if (hasNextPage) {
+      fetchNextPage()
+      return
+    }
+
+    const allTransducerRows = transducerData.pages.flatMap(page => page.data) ?? []
+    console.log('allTransducerRows', allTransducerRows)
+    const source: IHydrographDatasource[] =
+      {
+        id: 2,
+        name: 'Transducer',
+        style: 'line',
+        data:
+          allTransducerRows.map((obs) => ({
+            phenomenonTime: new Date(obs.observation.observation_datetime),
+            result: Number(obs.observation.value),
+          })) || [],
+      }
+    console.log('source', source)
+    setHydrographDatasource((prevState)=> [...prevState, source])
+
+  }, [transducerData, transducerIsLoading, hasNextPage, fetchNextPage])
+
   return (
     <Show
       isLoading={isLoading}

src/providers/ocotillo-data-provider.ts

@@ -79,8 +79,12 @@ export const ocotilloDataProvider: DataProvider = {
     }
 
     if (pagination) {
-      params.append('page', pagination.current.toString())
-      params.append('size', pagination.pageSize.toString())
+      if (pagination.current !== undefined) {
+        params.append('page', pagination.current.toString())
+      }
+      if (pagination.pageSize !== undefined){
+        params.append('size', pagination.pageSize.toString())
+      }
     }
 
     if (sorters && sorters.length > 0) {