Merge pull request #306 from internxt/bugfix/view-port

[_] bugfix/Fix appscreen layout that makes content surpass screen bounds

Author: CandelR

android/app/build.gradle

@@ -88,7 +88,7 @@ android {
         applicationId 'com.internxt.cloud'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 110
+        versionCode 111
         versionName "1.8.2"
 
         buildConfigField("boolean", "REACT_NATIVE_UNSTABLE_USE_RUNTIME_SCHEDULER_ALWAYS", (findProperty("reactNative.unstable_useRuntimeSchedulerAlways") ?: true).toString())

src/App.tsx

@@ -21,7 +21,7 @@ import DeleteAccountModal from './components/modals/DeleteAccountModal';
 import EditNameModal from './components/modals/EditNameModal';
 import LanguageModal from './components/modals/LanguageModal';
 import LinkCopiedModal from './components/modals/LinkCopiedModal';
-import PlansModal from './components/modals/PlansModal';
+
 import { DriveContextProvider } from './contexts/Drive';
 import { getRemoteUpdateIfAvailable, useLoadFonts } from './helpers';
 import useGetColor from './hooks/useColor';
@@ -292,7 +292,6 @@ export default function App(): JSX.Element {
                     onClose={onChangeProfilePictureModalClosed}
                   />
                   <LanguageModal isOpen={isLanguageModalOpen} onClose={onLanguageModalClosed} />
-                  <PlansModal isOpen={isPlansModalOpen} onClose={onPlansModalClosed} />
                 </Portal.Host>
               </DriveContextProvider>
             ) : (

src/components/AppScreen/index.tsx

@@ -40,11 +40,14 @@ const AppScreen = (props: AppScreenProps): JSX.Element => {
 
   return (
     <View
-      style={{
-        paddingBottom: props.hasBottomTabs ? 0 : 0,
-        backgroundColor,
-        ...propsStyle,
-      }}
+      style={[
+        tailwind('flex-1'),
+        {
+          paddingBottom: props.hasBottomTabs ? 0 : 0,
+          backgroundColor,
+        },
+        propsStyle,
+      ]}
     >
       <View
         style={{
@@ -62,7 +65,7 @@ const AppScreen = (props: AppScreenProps): JSX.Element => {
 
       {/* DISMISS KEYBOARD ON OUTSIDE TAP */}
       <TouchableWithoutFeedback onPress={onBackgroundPressed}>
-        <View style={tailwind('absolute h-full w-full')}></View>
+        <View style={tailwind('absolute h-full w-full')} />
       </TouchableWithoutFeedback>
 
       {props.children}