Merge pull request #562 from /issues/554/android-off-screen

Use multiline text component in the All Set page

src/components/index.ts

@@ -13,6 +13,7 @@ export * from './InfoBlock';
 export * from './ProgressCircles';
 export * from './Ripple';
 export * from './Text';
+export * from './TextMultiline';
 export * from './Toolbar';
 export * from './TouchableIcon';
 export * from './LanguageToggle';

src/screens/home/components/AllSetView.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Text} from 'components';
+import {Text, TextMultiline} from 'components';
 
 import {BaseHomeView} from './BaseHomeView';
 
@@ -9,9 +9,7 @@ export const AllSetView = ({titleText, bodyText}: {titleText: string; bodyText:
       <Text variant="bodyTitle" color="bodyText" marginBottom="m" accessibilityRole="header">
         {titleText}
       </Text>
-      <Text variant="bodyText" color="bodyText" marginBottom="m">
-        {bodyText}
-      </Text>
+      <TextMultiline text={bodyText} marginBottom="m" />
     </BaseHomeView>
   );
 };

src/screens/home/views/NoExposureCoveredRegionView.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import {Text, LastCheckedDisplay} from 'components';
+import {Text, TextMultiline, LastCheckedDisplay} from 'components';
 import {useI18n} from '@shopify/react-i18n';
 import {useStorage} from 'services/StorageService';
 import {hoursFromNow} from 'shared/date-fns';
-import {TextMultiline} from 'components/TextMultiline';
 
 import {AllSetView} from '../components/AllSetView';
 import {BaseHomeView} from '../components/BaseHomeView';

src/screens/home/views/NoExposureNoRegionView.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import {Text, LastCheckedDisplay} from 'components';
+import {Text, TextMultiline, LastCheckedDisplay} from 'components';
 import {useI18n} from '@shopify/react-i18n';
 import {useStorage} from 'services/StorageService';
 import {hoursFromNow} from 'shared/date-fns';
-import {TextMultiline} from 'components/TextMultiline';
 
 import {BaseHomeView} from '../components/BaseHomeView';
 import {AllSetView} from '../components/AllSetView';

src/screens/home/views/NoExposureUncoveredRegionView.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import {Text} from 'components';
+import {Text, TextMultiline} from 'components';
 import {useI18n} from '@shopify/react-i18n';
 import {useStorage} from 'services/StorageService';
 import {hoursFromNow} from 'shared/date-fns';
-import {TextMultiline} from 'components/TextMultiline';
 
 import {BaseHomeView} from '../components/BaseHomeView';
 import {AllSetView} from '../components/AllSetView';

src/screens/nocode/NoCode.tsx

@@ -1,13 +1,12 @@
 import React, {useCallback} from 'react';
 import {ScrollView, StyleSheet, Linking} from 'react-native';
-import {Box, Text, Toolbar, ButtonSingleLine} from 'components';
+import {Box, Text, TextMultiline, Toolbar, ButtonSingleLine} from 'components';
 import {useI18n} from '@shopify/react-i18n';
 import {useNavigation} from '@react-navigation/native';
 import {useStorage} from 'services/StorageService';
 import {getRegionCase} from 'shared/RegionLogic';
 import {BulletPoint} from 'components/BulletPoint';
 import {SafeAreaView} from 'react-native-safe-area-context';
-import {TextMultiline} from 'components/TextMultiline';
 
 interface ContentProps {
   title: string;

src/screens/regionPicker/RegionPickerSettings.tsx

@@ -1,12 +1,11 @@
 import React, {useCallback} from 'react';
 import {useNavigation} from '@react-navigation/native';
-import {Box, Toolbar, Text} from 'components';
+import {Box, Toolbar, Text, TextMultiline} from 'components';
 import {ScrollView} from 'react-native';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {useStorage} from 'services/StorageService';
 import {useI18n} from '@shopify/react-i18n';
 import {Region} from 'shared/Region';
-import {TextMultiline} from 'components/TextMultiline';
 
 import {regionData, RegionItem, regionStyles} from './RegionPickerShared';
 

src/screens/tutorial/views/ItemView.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import {StyleSheet, Image, ImageSourcePropType} from 'react-native';
-import {Text} from 'components';
+import {Text, TextMultiline} from 'components';
 import {useI18n} from '@shopify/react-i18n';
-import {TextMultiline} from 'components/TextMultiline';
 import {useAccessibilityAutoFocus} from 'shared/useAccessibilityAutoFocus';
 
 import {TutorialKey} from '../TutorialContent';