diff --git a/src/screens/Gift/Loading.tsx b/src/screens/Gift/Loading.tsx index b47825d4a..25aada095 100644 --- a/src/screens/Gift/Loading.tsx +++ b/src/screens/Gift/Loading.tsx @@ -44,6 +44,8 @@ const Loading = ({ if (orderResult.isErr()) { if (orderResult.error.message.includes('GIFT_CODE_ALREADY_USED')) { navigation.navigate('Used', { amount }); + } else if (orderResult.error.message.includes('GIFT_CODE_USED_UP')) { + navigation.navigate('UsedUp'); } else { navigation.navigate('Error'); } @@ -108,6 +110,8 @@ const Loading = ({ if (result.isErr()) { if (result.error.message.includes('GIFT_CODE_ALREADY_USED')) { navigation.navigate('Used', { amount }); + } else if (result.error.message.includes('GIFT_CODE_USED_UP')) { + navigation.navigate('UsedUp'); } else { navigation.navigate('Error'); } diff --git a/src/screens/Gift/UsedUp.tsx b/src/screens/Gift/UsedUp.tsx new file mode 100644 index 000000000..c1e4a1c97 --- /dev/null +++ b/src/screens/Gift/UsedUp.tsx @@ -0,0 +1,82 @@ +import React, { ReactElement, memo } from 'react'; +import { useTranslation } from 'react-i18next'; +import { Image, StyleSheet, View } from 'react-native'; + +import BottomSheetNavigationHeader from '../../components/BottomSheetNavigationHeader'; +import GradientView from '../../components/GradientView'; +import SafeAreaInset from '../../components/SafeAreaInset'; +import Button from '../../components/buttons/Button'; +import { useSheetRef } from '../../sheets/SheetRefsProvider'; +import { BodyM } from '../../styles/text'; + +const imageSrc = require('../../assets/illustrations/exclamation-mark.png'); + +const UsedUp = (): ReactElement => { + const { t } = useTranslation('other'); + const sheetRef = useSheetRef('gift'); + + const onContinue = (): void => { + sheetRef.current?.close(); + }; + + return ( + + + + + {t('gift.used_up.text')} + + + + + + +