fix page height

Author: wsdt

mobile/AppRoot.tsx

@@ -154,7 +154,9 @@ export default function App() {
                                 }}
                             >
                                 <MainStack.Navigator
-                                    initialRouteName={initialComponent}
+                                    initialRouteName={
+                                        ROUTES.Onboarding.SafetyCheck
+                                    }
                                     screenOptions={NO_HEADER}
                                 >
                                     <MainStack.Screen

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
         ? `http://${Constants.expoConfig?.hostUri?.split(":").shift()?.concat(":3000")}`
         : "https://api.offlinery.io") + "/v1"
 ).replace(/\/+$/, "");

mobile/components/OCalendlyInline/OCalendlyInline.styles.ts

@@ -3,6 +3,10 @@ import { Dimensions, StyleSheet } from "react-native";
 const { height } = Dimensions.get("window"); // Get the window dimensions
 
 const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        width: "100%",
+    },
     calendlyInlineWidget: {
         fontSize: 16,
         lineHeight: 19.2,
@@ -14,6 +18,7 @@ const styles = StyleSheet.create({
         width: "100%",
         height: "100%",
         minHeight: 600,
+        flex: 1,
     },
     calendlyInlineWidgetAll: {
         fontSize: 16,

mobile/components/OCalendlyInline/OCalendlyInline.tsx

@@ -1,7 +1,7 @@
 import { TR, i18n } from "@/localization/translate.service";
 import * as Sentry from "@sentry/react-native";
 import React, { FC, useRef, useState } from "react";
-import { DimensionValue, Platform } from "react-native";
+import { DimensionValue, Platform, View } from "react-native";
 import { WebView, WebViewMessageEvent } from "react-native-webview";
 import {
     CalendlyEvent,
@@ -138,12 +138,12 @@ const OCalendlyInline: FC<Props> = ({
     `;
 
     return (
-        <>
+        <View style={styles.container}>
             {isLoading && <LoadingSpinner />}
             <WebView
                 ref={webViewRef}
                 userAgent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36"
-                style={[styles.webView, { height: webViewHeight }]}
+                style={styles.webView}
                 source={{
                     html: webViewHtml,
                     baseUrl: "https://calendly.com",
@@ -184,7 +184,7 @@ const OCalendlyInline: FC<Props> = ({
                 }}
                 title={iframeTitle || i18n.t(TR.calendlySchedulingPageDefault)}
             />
-        </>
+        </View>
     );
 };