fix location fetching issues (#66)

Author: patrickdemers6

App.js

@@ -8,9 +8,15 @@ import Main from './src/Main';
 
 const App = () => {
   React.useEffect(() => {
-    (async () => {
-      await Location.requestForegroundPermissionsAsync();
-    })();
+    const getLocationPermission = async () => {
+      try {
+        await Location.requestForegroundPermissionsAsync();
+      } catch (e) {
+        console.log('requestForegroundPermissionsAsync failed');
+      }
+    };
+
+    setTimeout(getLocationPermission, 1000);
   }, []);
 
   return (

src/components/Map/Map.js

@@ -47,11 +47,13 @@ const Map = () => {
 
   const getCurrentUserLocation = () => {
     (async () => {
-      const location = await Location.getCurrentPositionAsync();
-      dispatcher?.setUserLocation(location);
-    })().catch(() => {
-      console.log('No location permissions granted.');
-    });
+      try {
+        const location = await Location.getCurrentPositionAsync();
+        dispatcher?.setUserLocation(location);
+      } catch (e) {
+        console.log('No location permissions granted.');
+      }
+    })();
   };
 
   const moveMapToUser = () => {
@@ -70,9 +72,12 @@ const Map = () => {
   };
 
   React.useEffect(updateVehiclesOnForeground, [route]);
-  React.useEffect(getCurrentUserLocation, []);
   React.useEffect(moveMapToUser, [location]);
 
+  // get current user location on load and if dispatcher changes
+  React.useEffect(getCurrentUserLocation, []);
+  React.useEffect(getCurrentUserLocation, [dispatcher]);
+
   return (
     <View style={{ width, height }}>
       <MapView