Function handleMapClick

web/src/components/RiderMap.tsx:59–91

(e: L.LeafletMouseEvent)

    console.log(tripStatus)

    const handleMapClick = async (e: L.LeafletMouseEvent) => {
        if (trip?.tripID) {
            return
        }

        if (debounceTimeoutRef.current) {
            clearTimeout(debounceTimeoutRef.current);
        }

        debounceTimeoutRef.current = setTimeout(async () => {
            setDestination([e.latlng.lat, e.latlng.lng])

            const data = await requestRidePreview({
                pickup: [location.latitude, location.longitude],
                destination: [e.latlng.lat, e.latlng.lng],
            })
            console.log(data)

            const parsedRoute = data.route.geometry[0].coordinates
                .map((coord) => [coord.longitude, coord.latitude] as [number, number])

            setTrip({
                tripID: "",
                route: parsedRoute,
                rideFares: data.rideFares,
                distance: data.route.distance,
                duration: data.route.duration,
            })

            // Call onRouteSelected with the route distance
            onRouteSelected?.(data.route.distance)
        }, 500);
    }

    const requestRidePreview = async (props: RequestRideProps): Promise<HTTPTripPreviewResponse> => {
        const { pickup, destination } = props