Revize 2b71499c

re #10871: ListView refactor

src/pages/SearchPage.tsx

@@ -17 +17 @@
     fetchSubjects,
     fetchTechniques
 } from "../stores/actions/searchFormThunks"
-import { useDispatch } from "react-redux"
-import { AppDispatch } from "../stores/store"
+import { useDispatch, useSelector } from "react-redux"
+import { AppDispatch, RootState } from "../stores/store"
 import { log } from "../logging/logger"
 import { DrawerScreenProps } from "@react-navigation/drawer"
 import { RootDrawerParamList } from "./Navigation"
+import { loadItemsByInventory } from "../stores/actions/listViewThunks"
 
 
 const SearchPage = ({route, navigation}: DrawerScreenProps<RootDrawerParamList, 'Search'>) => {
     const dispatch = useDispatch<AppDispatch>()
 
+    const inventories = useSelector((state: RootState) => state.listView.inventories)
+    const numberOfResults = useSelector((state: RootState) => state.listView.numOfResults)
+
+    const data = useSelector((state: RootState) => state.listView.data)
+    const dataLoading = useSelector((state: RootState) => state.listView.inventoriesDataLoading)
+    const pagination = useSelector((state: RootState) => state.listView.loadedPages)
+
+
     useEffect(() => {
         log.debug("SearchPage", "useEffect", "fetchEverything")
 
@@ -48 +57 @@
         log.debug("SearchPage", "props", route.params.inventoryId)
     }, [])
 
+    console.log(data)
+
     return (
         <Center m={ 2 } mr={0} mb={6} flex={1}>
 
             <ScrollView flex={1} w={"100%"} >
                 <VStack space={ 1 } mr={ 4 }>
                     <SearchForm inventoryId={route.params.inventoryId}/>
-                    <ListView navigation={navigation}/>
+                    <ListView navigation={navigation} 
+                    
+                    inventories={inventories} 
+                    numOfResults={numberOfResults}
+
+                    data={data} 
+                    loadedPages={pagination} 
+                    inventoriesDataLoading={dataLoading} 
+                    handleLoadMoreItems={(inventoryName: string, cursor: number) => {
+                        dispatch(loadItemsByInventory(inventoryName))
+                    } }/>
                 </VStack>
             </ScrollView>
         </Center>