SMA-107: user's coordinates are passed when calling getNearbyEvents

MatejFrnka · May 3, 2024 · dd7ce84 · dd7ce84
1 parent bed61ec
commit dd7ce84
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/frontend/sportsmatch-app/src/pages/Index.tsx b/frontend/sportsmatch-app/src/pages/Index.tsx
@@ -9,6 +9,7 @@ import { ApiError, EventDTO, EventsControllerService } from '../generated/api'
 import useModal from '../hooks/UseModal'
 import Modal from '../components/Modal'
 import JoinEventComponent from '../components/JoinEventComponent'
+import useLocation from '../hooks/UseLocation'
 
 export default function MainPage() {
   const [searchQuery, setSearchQuery] = useState<string>('')
@@ -21,6 +22,8 @@ export default function MainPage() {
   const [page, setPage] = useState<number>(0)
   const size = 3
 
+  const userCoords = useLocation().coords
+
   // handle sports name selected from sportButtoncomponent
   const handleSportSelectionChange = (selectedButtonSports: string[]) => {
     setSelectedSports(selectedButtonSports)
@@ -45,8 +48,8 @@ export default function MainPage() {
       try {
         const response = await EventsControllerService.getNearbyEvents(
           selectedSports,
-          0,
-          0,
+          userCoords.longitude || undefined,
+          userCoords.latitude || undefined,
           searchQuery,
           page,
           size,
@@ -71,7 +74,7 @@ export default function MainPage() {
     }
     // call the method
     fetchData()
-  }, [selectedSports, page, searchQuery])
+  }, [selectedSports, page, searchQuery, userCoords.latitude, userCoords.longitude])
 
   // handle join event pop up after cliking on the event
   const handleEventSelection = (e: EventDTO) => {