diff --git a/src/assets/illustrations/globe.png b/src/assets/illustrations/globe.png new file mode 100644 index 000000000..7ec4d0e18 Binary files /dev/null and b/src/assets/illustrations/globe.png differ diff --git a/src/navigation/bottom-sheet/ReceiveNavigation.tsx b/src/navigation/bottom-sheet/ReceiveNavigation.tsx index e72feebde..aa607ce9a 100644 --- a/src/navigation/bottom-sheet/ReceiveNavigation.tsx +++ b/src/navigation/bottom-sheet/ReceiveNavigation.tsx @@ -11,6 +11,7 @@ import ReceiveQR from '../../screens/Wallets/Receive/ReceiveQR'; import ReceiveDetails from '../../screens/Wallets/Receive/ReceiveDetails'; import Tags from '../../screens/Wallets/Receive/Tags'; import ReceiveAmount from '../../screens/Wallets/Receive/ReceiveAmount'; +import ReceiveGeoBlocked from '../../screens/Wallets/Receive/ReceiveGeoBlocked'; import ReceiveConnect from '../../screens/Wallets/Receive/ReceiveConnect'; import Liquidity from '../../screens/Wallets/Receive/Liquidity'; import { useSnapPoints } from '../../hooks/bottomSheet'; @@ -31,6 +32,7 @@ export type ReceiveStackParamList = { }; Tags: undefined; ReceiveAmount: undefined; + ReceiveGeoBlocked: undefined; ReceiveConnect: { isAdditional: boolean } | undefined; Liquidity: { channelSize: number; @@ -73,6 +75,10 @@ const ReceiveNavigation = (): ReactElement => { + diff --git a/src/screens/Wallets/Receive/ReceiveGeoBlocked.tsx b/src/screens/Wallets/Receive/ReceiveGeoBlocked.tsx new file mode 100644 index 000000000..c7695ef0d --- /dev/null +++ b/src/screens/Wallets/Receive/ReceiveGeoBlocked.tsx @@ -0,0 +1,87 @@ +import React, { memo, ReactElement } from 'react'; +import { StyleSheet, View, Image } from 'react-native'; +import { useTranslation } from 'react-i18next'; + +import BottomSheetNavigationHeader from '../../../components/BottomSheetNavigationHeader'; +import SafeAreaInset from '../../../components/SafeAreaInset'; +import GradientView from '../../../components/GradientView'; +import Button from '../../../components/buttons/Button'; +import { useAppDispatch } from '../../../hooks/redux'; +import { closeSheet } from '../../../store/slices/ui'; +import { rootNavigation } from '../../../navigation/root/RootNavigator'; +import type { ReceiveScreenProps } from '../../../navigation/types'; +import { BodyM } from '../../../styles/text'; + +const imageSrc = require('../../../assets/illustrations/globe.png'); + +const ReceiveGeoBlocked = + ({}: ReceiveScreenProps<'ReceiveGeoBlocked'>): ReactElement => { + const { t } = useTranslation('lightning'); + const dispatch = useAppDispatch(); + const handleManual = (): void => { + dispatch(closeSheet('receiveNavigation')); + rootNavigation.navigate('TransferRoot', { screen: 'FundingAdvanced' }); + }; + + return ( + + + + + {t('funding.text_blocked_cjit')} + + + + + + +