fix: server down alert, maintenance

Author: wsdt

backend/src/migrations/1738190126499-EventEntityMap.ts

@@ -4,20 +4,45 @@ export class EventEntityMap1738190126499 implements MigrationInterface {
     name = "EventEntityMap1738190126499";
 
     public async up(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(
-            `ALTER TABLE "translatable_entity" ADD "location" geography(Point,4326)`,
+        const hasColumn = await queryRunner.hasColumn(
+            "translatable_entity",
+            "location",
         );
-        await queryRunner.query(
-            `CREATE INDEX "IDX_643c345f3e874006834b68ef60" ON "translatable_entity" USING GiST ("location") `,
+        if (!hasColumn) {
+            await queryRunner.query(
+                `ALTER TABLE "translatable_entity" ADD "location" geography(Point,4326)`,
+            );
+        }
+
+        // Create index if it doesn't exist
+        const hasIndex = await queryRunner.query(
+            `SELECT EXISTS (
+            SELECT FROM pg_indexes 
+            WHERE indexname = 'IDX_643c345f3e874006834b68ef60'
+        )`,
         );
+        if (!hasIndex[0].exists) {
+            await queryRunner.query(
+                `CREATE INDEX "IDX_643c345f3e874006834b68ef60" ON "translatable_entity" USING GiST ("location") `,
+            );
+        }
     }
 
     public async down(queryRunner: QueryRunner): Promise<void> {
+        // Drop index if exists
         await queryRunner.query(
-            `DROP INDEX "public"."IDX_643c345f3e874006834b68ef60"`,
+            `DROP INDEX IF EXISTS "public"."IDX_643c345f3e874006834b68ef60"`,
         );
-        await queryRunner.query(
-            `ALTER TABLE "translatable_entity" DROP COLUMN "location"`,
+
+        // Drop column if exists
+        const hasColumn = await queryRunner.hasColumn(
+            "translatable_entity",
+            "location",
         );
+        if (hasColumn) {
+            await queryRunner.query(
+                `ALTER TABLE "translatable_entity" DROP COLUMN "location"`,
+            );
+        }
     }
 }

mobile/localization/de.ts

@@ -1,6 +1,11 @@
 import { Language } from "./translate.service";
 
 export const de: Language = {
+    blog: "Blog lesen",
+    retry: "Nochmal versuchen",
+    maintenanceAlertTitle: "Offlinery wird gewartet",
+    maintenanceAlertDescription:
+        "Wir führen gerade größere Verbesserungen an unserem System durch. Wir sind gleich wieder zurück.",
     bgLocationServiceTitle: "Offlinery EIN",
     bgLocationServiceBody: "Bereit dich zu beeindrucken..",
     createAccount: "Registrieren",

mobile/localization/en.ts

@@ -1,6 +1,11 @@
 // @dev Other languages have to be typed as Language!
 
 export const en = {
+    blog: "Read Blog",
+    retry: "Retry",
+    maintenanceAlertTitle: "Offlinery in maintenance",
+    maintenanceAlertDescription:
+        "We're making significant improvements on Offlinery right now. We'll be back as soon as possible.",
     bgLocationServiceTitle: "Offlinery ON",
     bgLocationServiceBody: "Letting others know about you.",
     createAccount: "Create Account",

mobile/screens/Welcome.tsx

@@ -19,12 +19,20 @@ import {
     saveJWTValues,
 } from "@/services/storage.service";
 import { API } from "@/utils/api-config";
+import { BLOG_URL } from "@/utils/general.constants";
 import { writeSupportEmail } from "@/utils/misc.utils";
 import { CommonActions, useFocusEffect } from "@react-navigation/native";
 import * as Sentry from "@sentry/react-native";
 import * as React from "react";
-import { useCallback, useState } from "react";
-import { Dimensions, Platform, StyleSheet, View } from "react-native";
+import { useCallback, useEffect, useState } from "react";
+import {
+    Alert,
+    Dimensions,
+    Linking,
+    Platform,
+    StyleSheet,
+    View,
+} from "react-native";
 import { NativeStackScreenProps } from "react-native-screens/native-stack";
 import { ROUTES } from "./routes";
 
@@ -34,6 +42,7 @@ const Welcome = ({
     const { dispatch } = useUserContext();
     const [isLoading, setIsLoading] = useState(true);
     const [isUserAuthenticated, setIsUserAuthenticated] = useState(false);
+    const [hasError, setHasError] = useState<boolean>(false);
 
     const checkAuthStatus = async () => {
         try {
@@ -66,34 +75,34 @@ const Welcome = ({
                 resp.refreshToken,
             );
         } catch (error) {
-            console.log(
+            console.error(
                 `Error checking Auth Status, User might be offline or backend not reachable.`,
             );
             Sentry.captureException(error, {
                 tags: {
                     authStatus: "JWT not checked",
                 },
             });
+            setHasError(true);
         }
 
         return await isAuthenticated();
     };
+    const checkAuthentication = async () => {
+        try {
+            if (!(await isOnboardingInProgress())) {
+                const isAuthSuccessful = await checkAuthStatus();
+                setIsUserAuthenticated(isAuthSuccessful ?? false);
+            }
+        } catch (error) {
+            console.error("Error checking authentication:", error);
+            throw error;
+        } finally {
+            setIsLoading(false);
+        }
+    };
     useFocusEffect(
         useCallback(() => {
-            const checkAuthentication = async () => {
-                try {
-                    if (!(await isOnboardingInProgress())) {
-                        const isAuthSuccessful = await checkAuthStatus();
-                        setIsUserAuthenticated(isAuthSuccessful ?? false);
-                    }
-                } catch (error) {
-                    console.error("Error checking authentication:", error);
-                    throw error;
-                } finally {
-                    setIsLoading(false);
-                }
-            };
-
             checkAuthentication();
         }, [navigation]),
     );
@@ -188,6 +197,36 @@ const Welcome = ({
         </View>
     );
 
+    const showAlert = () => {
+        Alert.alert(
+            i18n.t(TR.maintenanceAlertTitle),
+            i18n.t(TR.maintenanceAlertDescription),
+            [
+                {
+                    text: i18n.t(TR.retry),
+                    onPress: () => {
+                        setHasError(false);
+                        checkAuthentication();
+                    },
+                },
+                {
+                    text: i18n.t(TR.blog),
+                    isPreferred: true,
+                    onPress: () => {
+                        Linking.openURL(BLOG_URL);
+                        showAlert(); // @dev keep open
+                    },
+                },
+            ],
+            { cancelable: false },
+        );
+    };
+    useEffect(() => {
+        if (hasError) {
+            showAlert();
+        }
+    }, [hasError]);
+
     return (
         <OPageColorContainer isLoading={isLoading}>
             {!isUserAuthenticated && <AuthScreen />}

mobile/utils/general.constants.ts

@@ -1,4 +1,5 @@
 export const SUPPORT_MAIL = "office@offlinery.io";
 export const GDPR_URL = "https://www.offlinery.io/gdpr";
+export const BLOG_URL = "https://blog.offlinery.io";
 export const AGB_URL = "https://www.offlinery.io/agb";
 export const MAIN_WEBSITE = "https://www.offlinery.io";