fix: image loader, navigation, ..

Author: wsdt

mobile/api/gen/src/runtime.ts

@@ -13,10 +13,9 @@
  */
 
 import Constants from "expo-constants";
-import { IS_DEVELOPMENT_BUILD } from "../../../utils/env.utils";
 
 export const BASE_PATH = (
-    (IS_DEVELOPMENT_BUILD
+    (false // TODO
         ? `http://${Constants.expoConfig?.hostUri?.split(":").shift()?.concat(":3000")}`
         : "https://api.offlinery.io") + "/v1"
 ).replace(/\/+$/, "");

mobile/components/OEncounterList/OEncounterList.tsx

@@ -109,7 +109,7 @@ export const OEncounterList = (props: IOEncounterListProps) => {
 
     const getEncounterList = () => {
         if (encounterState.isWalkthroughRunning) {
-            return <OTourEncounter />;
+            return <OTourEncounter navigation={navigation} />;
         } else {
             return encounterState.encounters.length > 0 ? (
                 encounterState.encounters.map((encounter, idx) => (

mobile/components/OImageWithLoader/OImageWithLoader.tsx

@@ -1,9 +1,12 @@
 import { Color } from "@/GlobalStyles";
+import * as Sentry from "@sentry/react-native";
 import React, { useCallback, useState } from "react";
 import {
     ActivityIndicator,
     Image,
+    ImageErrorEventData,
     ImageProps,
+    NativeSyntheticEvent,
     StyleSheet,
     View,
 } from "react-native";
@@ -13,19 +16,26 @@ interface OImageWithLoaderProps extends ImageProps {
 }
 
 export const OImageWithLoader = (props: OImageWithLoaderProps) => {
-    const [isLoading, setIsLoading] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
 
-    const handleLoadStart = useCallback(() => {
+    const handleLoadStart = () => {
         setIsLoading(true);
-    }, []);
+    };
 
-    const handleLoadEnd = useCallback(() => {
+    const handleLoadEnd = () => {
         setIsLoading(false);
-    }, []);
+    };
 
-    const handleError = useCallback(() => {
-        setIsLoading(false);
-    }, []);
+    const handleError = useCallback(
+        (err: NativeSyntheticEvent<ImageErrorEventData>) => {
+            Sentry.captureException(err, {
+                tags: {
+                    imageWithLoader: "handleError",
+                },
+            });
+        },
+        [],
+    );
 
     return (
         <View style={[styles.container, props.style]}>