fix: loading page

src/ui/App.tsx

@@ -7,7 +7,7 @@ import {
 } from "@ionic/react";
 import { StatusBar, Style } from "@capacitor/status-bar";
 import { ScreenOrientation } from "@capacitor/screen-orientation";
-import { Routes } from "../routes";
+import { RoutePath, Routes } from "../routes";
 import "./styles/ionic.scss";
 import "./styles/style.scss";
 import "./App.scss";
@@ -25,7 +25,7 @@ import { FullPageScanner } from "./pages/FullPageScanner";
 import { OperationType } from "./globals/types";
 import { IncomingRequest } from "./pages/IncomingRequest";
 import { SetUserName } from "./components/SetUserName";
-import { TabsRoutePath } from "../routes/paths";
+import { PublicRoutes, TabsRoutePath } from "../routes/paths";
 import { MobileHeaderPreview } from "./components/MobileHeaderPreview";
 import { CustomToast } from "./components/CustomToast/CustomToast";
 import { LockPage } from "./pages/LockPage/LockPage";
@@ -107,14 +107,18 @@ const App = () => {
     }
   };
 
+  const isPublicPage = PublicRoutes.includes(
+    window.location.pathname as RoutePath
+  );
+
   return (
     <IonApp>
       <AppWrapper>
         <StrictMode>
           {stateCache.initialized ? (
             <>
               {renderApp()}
-              {!authentication.loggedIn ? <LockPage /> : null}
+              {!isPublicPage && !authentication.loggedIn ? <LockPage /> : null}
             </>
           ) : (
             <LoadingPage />

src/ui/components/AppWrapper/AppWrapper.tsx

@@ -221,11 +221,8 @@ const AppWrapper = (props: { children: ReactNode }) => {
   const initApp = async () => {
     // @TODO - foconnor: This is a temp hack for development to be removed pre-release.
     // These items are removed from the secure storage on re-install to re-test the on-boarding for iOS devices.
-    let isInitialized;
     try {
-      isInitialized = await PreferencesStorage.get(
-        PreferencesKeys.APP_ALREADY_INIT
-      );
+      await PreferencesStorage.get(PreferencesKeys.APP_ALREADY_INIT);
     } catch (e) {
       await SecureStorage.delete(KeyStoreKeys.APP_PASSCODE);
       await SecureStorage.delete(KeyStoreKeys.IDENTITY_ENTROPY);
@@ -250,7 +247,7 @@ const AppWrapper = (props: { children: ReactNode }) => {
     dispatch(setPauseQueueIncomingRequest(true));
 
     await loadDatabase();
-    dispatch(setInitialized(isInitialized?.initialized as boolean));
+    dispatch(setInitialized(true));
 
     Agent.agent.connections.onConnectionStateChanged((event) => {
       return connectionStateChangedHandler(event, dispatch);

src/ui/pages/LoadingPage/LoadingPage.scss

@@ -4,5 +4,4 @@
   justify-content: center;
   height: 100vh;
   width: 100vw;
-  z-index: 2147483646;
 }

src/ui/pages/LockPage/LockPage.tsx

@@ -105,16 +105,11 @@ const LockPage = () => {
     });
   };
 
-  const isPublicPage = PublicRoutes.includes(
-    window.location.pathname as RoutePath
-  );
-  const lockApp = !isPublicPage && !authentication.loggedIn;
-
   return (
     <ResponsivePageLayout
       pageId={pageId}
-      activeStatus={lockApp}
-      customClass={`${lockApp ? "show" : "hide"} animation-off max-overlay`}
+      activeStatus={true}
+      customClass={"show animation-off max-overlay"}
     >
       <h2
         className={`${pageId}-title`}