From b8b4ba24451be2f535f256dfc3c596a0fd4f41fa Mon Sep 17 00:00:00 2001
From: Lukas_Anton Lakits <e12122567@student.tuwien.ac.at>
Date: Tue, 23 Apr 2024 14:09:22 +0200
Subject: [PATCH] feat(#914): Add pageNumber property to plantSearch

---
 .../plant/components/PlantAndSeedSearch.tsx      |  2 +-
 .../layers/plant/hooks/plantHookApi.ts           | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/features/map_planning/layers/plant/components/PlantAndSeedSearch.tsx b/frontend/src/features/map_planning/layers/plant/components/PlantAndSeedSearch.tsx
index 094d1b656..2f48585a4 100644
--- a/frontend/src/features/map_planning/layers/plant/components/PlantAndSeedSearch.tsx
+++ b/frontend/src/features/map_planning/layers/plant/components/PlantAndSeedSearch.tsx
@@ -92,7 +92,7 @@ export const PlantAndSeedSearch = () => {
               disabled={isReadOnlyMode}
               placeholder={t('plantSearch:placeholder')}
               handleSearch={(value) => {
-                plantSearchActions.searchPlants(value);
+                plantSearchActions.searchPlants({ searchTerm: value, pageNumber: 0 });
                 seedSearchActions.searchSeeds(value);
               }}
               ref={searchInputRef}
diff --git a/frontend/src/features/map_planning/layers/plant/hooks/plantHookApi.ts b/frontend/src/features/map_planning/layers/plant/hooks/plantHookApi.ts
index 2cd3d9b2a..0d7457724 100644
--- a/frontend/src/features/map_planning/layers/plant/hooks/plantHookApi.ts
+++ b/frontend/src/features/map_planning/layers/plant/hooks/plantHookApi.ts
@@ -23,7 +23,8 @@ const PLANT_KEYS = {
   },
 
   detail: (plantId: number) => [{ ...PLANT_KEYS._helpers.details()[0], plantId }] as const,
-  search: (searchTerm: string) => [{ ...PLANT_KEYS._helpers.searches()[0], searchTerm }] as const,
+  search: (searchTerm: string, pageNumber: number) =>
+    [{ ...PLANT_KEYS._helpers.searches()[0], searchTerm, pageNumber }] as const,
   seasonalAvailable: (mapId: number, date: Date, page: number) =>
     [
       {
@@ -69,12 +70,12 @@ function findPlantByIdQueryFn({
  * A hook that returns some functions to search for plants.
  */
 export function usePlantSearch() {
-  const [searchTerm, setSearchTerm] = useState('');
-  const debouncedSearchTerm = useDebouncedValue(searchTerm, 500);
+  const [searchParams, setSearchParams] = useState({ searchTerm: '', pageNumber: 0 });
+  const debouncedSearchParams = useDebouncedValue(searchParams, 500);
   const { t } = useTranslation(['plantSearch']);
 
   const queryInfo = useQuery({
-    queryKey: PLANT_KEYS.search(debouncedSearchTerm),
+    queryKey: PLANT_KEYS.search(debouncedSearchParams.searchTerm, debouncedSearchParams.pageNumber),
     queryFn: searchPlantsQueryFn,
     select: mapPageToList,
     meta: {
@@ -88,13 +89,13 @@ export function usePlantSearch() {
   });
 
   const clearSearchTerm = useCallback(() => {
-    setSearchTerm('');
+    setSearchParams({ searchTerm: '', pageNumber: 0 });
   }, []);
 
   return {
     queryInfo,
     actions: {
-      searchPlants: setSearchTerm,
+      searchPlants: setSearchParams,
       clearSearchTerm,
     },
   };
@@ -108,8 +109,9 @@ function searchPlantsQueryFn({
   queryKey,
 }: QueryFunctionContext<ReturnType<(typeof PLANT_KEYS)['search']>>) {
   const { searchTerm } = queryKey[0];
+  const { pageNumber } = queryKey[0];
 
-  return searchPlants(searchTerm, 0);
+  return searchPlants(searchTerm, pageNumber);
 }
 
 /**