diff --git a/blue_modules/environment.ts b/blue_modules/environment.ts index febd4c83f..987f92c9b 100644 --- a/blue_modules/environment.ts +++ b/blue_modules/environment.ts @@ -1,5 +1,6 @@ -import { isTablet, getDeviceType } from 'react-native-device-info'; +import { isTablet as checkIsTablet, getDeviceType } from 'react-native-device-info'; +const isTablet: boolean = checkIsTablet(); const isDesktop: boolean = getDeviceType() === 'Desktop'; const isHandset: boolean = getDeviceType() === 'Handset'; diff --git a/components/Context/LargeScreenProvider.tsx b/components/Context/LargeScreenProvider.tsx index 838b3af88..f39fef626 100644 --- a/components/Context/LargeScreenProvider.tsx +++ b/components/Context/LargeScreenProvider.tsx @@ -6,9 +6,6 @@ interface ILargeScreenContext { isLargeScreen: boolean; } - -const isTabletDevice: boolean = isTablet() - export const LargeScreenContext = createContext<ILargeScreenContext | undefined>(undefined); interface LargeScreenProviderProps { @@ -33,9 +30,9 @@ export const LargeScreenProvider: React.FC<LargeScreenProviderProps> = ({ childr const isLargeScreen: boolean = useMemo(() => { const halfScreenWidth = windowWidth >= screenWidth / 2; - const condition = (isTabletDevice && halfScreenWidth) || isDesktop; + const condition = (isTablet && halfScreenWidth) || isDesktop; console.debug( - `LargeScreenProvider.isLargeScreen: width: ${windowWidth}, Screen width: ${screenWidth}, Is tablet: ${isTabletDevice}, Is large screen: ${condition}, isDesktkop: ${isDesktop}`, + `LargeScreenProvider.isLargeScreen: width: ${windowWidth}, Screen width: ${screenWidth}, Is tablet: ${isTablet}, Is large screen: ${condition}, isDesktkop: ${isDesktop}`, ); return condition; }, [windowWidth, screenWidth]); diff --git a/screen/send/Broadcast.tsx b/screen/send/Broadcast.tsx index d6e23f928..83be8c227 100644 --- a/screen/send/Broadcast.tsx +++ b/screen/send/Broadcast.tsx @@ -23,7 +23,6 @@ import presentAlert from '../../components/Alert'; import { scanQrHelper } from '../../helpers/scan-qr'; import { isTablet } from '../../blue_modules/environment'; -const isTabletDevice = isTablet(); const BROADCAST_RESULT = Object.freeze({ none: 'Input transaction hex', pending: 'pending', @@ -118,7 +117,7 @@ const Broadcast: React.FC = () => { return ( <SafeArea> - <KeyboardAvoidingView enabled={!isTabletDevice} behavior={Platform.OS === 'ios' ? 'position' : undefined}> + <KeyboardAvoidingView enabled={!isTablet} behavior={Platform.OS === 'ios' ? 'position' : undefined}> <View style={styles.wrapper} testID="BroadcastView"> {BROADCAST_RESULT.success !== broadcastResult && ( <BlueCard style={styles.mainCard}>