fix: allow current geoloc on map

cypress/e2e/item/home/home.cy.ts

@@ -55,7 +55,7 @@ describe('Home', () => {
     i18n.changeLanguage(CURRENT_USER.extra.lang as string);
     cy.visit(`${HOME_PATH}?mode=map`);
 
-    cy.get(`#${buildMapViewId()}`).should('be.visible');
+    cy.get(`#${buildMapViewId()}`, { timeout: 10000 }).should('be.visible');
   });
 
   describe('Grid', () => {

cypress/e2e/item/view/viewFolder.cy.ts

@@ -31,7 +31,8 @@ describe('View Folder', () => {
     const { id } = parentItem;
     cy.visit(buildItemPath(id, { mode: ItemLayoutMode.Map }));
 
-    cy.get(`#${buildMapViewId(id)}`).should('be.visible');
+    // wait on getting geoloc
+    cy.get(`#${buildMapViewId(id)}`, { timeout: 10000 }).should('be.visible');
   });
 
   describe('Grid', () => {

src/components/item/MapView.tsx

@@ -35,43 +35,52 @@ const useCurrentLocation = (enableGeolocation = false) => {
     lng: number;
   }>();
 
+  const getCurrentPosition = () => {
+    const success = (pos: {
+      coords: { latitude: number; longitude: number };
+    }) => {
+      const crd = pos.coords;
+      setCurrentPosition({ lat: crd.latitude, lng: crd.longitude });
+      setHasFetchedCurrentLocation(true);
+    };
+
+    navigator.geolocation.getCurrentPosition(
+      success,
+      (err: { code: number; message: string }) => {
+        // eslint-disable-next-line no-console
+        console.warn(`ERROR(${err.code}): ${err.message}`);
+        setHasFetchedCurrentLocation(true);
+      },
+      options,
+    );
+  };
+
   // get current location
   useEffect(() => {
     if (enableGeolocation) {
-      // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/permissions#examples
-      if (!navigator.permissions) {
-        setHasFetchedCurrentLocation(true);
-      } else {
+      if (navigator.permissions) {
+        // check permissions
+        // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/permissions#examples
         navigator.permissions
           .query({ name: 'geolocation' })
           .then(({ state }) => {
-            if (state === 'granted') {
-              const success = (pos: {
-                coords: { latitude: number; longitude: number };
-              }) => {
-                const crd = pos.coords;
-                setCurrentPosition({ lat: crd.latitude, lng: crd.longitude });
-                setHasFetchedCurrentLocation(true);
-              };
-
-              navigator.geolocation.getCurrentPosition(
-                success,
-                (err: { code: number; message: string }) => {
-                  // eslint-disable-next-line no-console
-                  console.warn(`ERROR(${err.code}): ${err.message}`);
-                  setHasFetchedCurrentLocation(true);
-                },
-                options,
-              );
-            } else {
+            if (state === 'denied') {
               console.error('geolocation denied:', state);
               setHasFetchedCurrentLocation(true);
             }
+            // allows granted and prompt values (safari)
+            else {
+              getCurrentPosition();
+            }
           })
           .catch((e) => {
             console.error('geolocation denied:', e);
             setHasFetchedCurrentLocation(true);
           });
+      } else {
+        // navigator.permissions does not exist in safari
+        // still try to get position for webview's ios
+        getCurrentPosition();
       }
     }
   }, [enableGeolocation]);