Update Suggestions component to use number type for latitude and long…

…itude
Amsterdam · Jan 8, 2025 · c4c98fa · c4c98fa
1 parent ec10300
commit c4c98fa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/app/features/itineraries/components/pages/suggestions/Suggestions.tsx b/src/app/features/itineraries/components/pages/suggestions/Suggestions.tsx
@@ -7,11 +7,11 @@ import CenteredSpinner from "app/features/shared/components/atoms/CenteredSpinne
 
 type Props = {
   itineraryId: number
-  lat?: string
-  lng?: string
+  lat?: number
+  lng?: number
 }
 
-const Suggestions: React.FC<Props> = ({ itineraryId, lat = "", lng = "" }) => {
+const Suggestions: React.FC<Props> = ({ itineraryId, lat, lng }) => {
   const { data: itinerary } = useItinerary(itineraryId)
   const { data, isBusy } = useSuggestions(itineraryId, lat, lng)
 

diff --git a/src/app/features/itineraries/components/pages/suggestions/SuggestionsPage.tsx b/src/app/features/itineraries/components/pages/suggestions/SuggestionsPage.tsx
@@ -21,8 +21,8 @@ const SuggestionsPage: React.FC = () => {
       { itineraryId && !isBusy && (
         <Suggestions 
           itineraryId={ parseInt(itineraryId) }
-          lat={ location?.latitude.toString() }
-          lng={ location?.longitude.toString() }
+          lat={ location?.latitude }
+          lng={ location?.longitude }
         />
       )}
     </DefaultLayout>

diff --git a/src/app/features/shared/hooks/useGeoLocation/useGeoLocation.ts b/src/app/features/shared/hooks/useGeoLocation/useGeoLocation.ts
@@ -28,7 +28,7 @@ export const useGeoLocation = (): UseLocationReturn => {
         setLocation({ latitude, longitude })
       },
       (err) => {
-        console.log("TOP:", err.message)
+        console.log("TOP error geolocation:", err.message)
       },
       {
         enableHighAccuracy: true, // Use high accuracy if available

diff --git a/src/app/state/rest/index.ts b/src/app/state/rest/index.ts
@@ -66,8 +66,8 @@ export const useItineraryItem = (id: number | string, options?: Options) => {
 
 export const useSuggestions = (
   itineraryId: number, 
-  lat?: string, 
-  lng?: string, 
+  lat?: number, 
+  lng?: number, 
   options?: Options
 ) => {
   const handleError = useErrorHandler()