be-components 5.3.3 → 5.3.6

package/src/ProfileManager/Components/BasicInfoManager.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, TouchableOpacity, ScrollView } from 'react-native';
+import { ActivityIndicator, TouchableOpacity, FlatList } from 'react-native';
 import { Icons } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
@@ -17,6 +17,7 @@ type BasicInfoManagerProps = {
     onPlayerUpdate:(player:MyPlayerProps) => void 
 }
 
+const sections = ['username','name']
 const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNext, onClose }:BasicInfoManagerProps) => {
     const C = useColors();
     const [ draft_player, setDraftPlayer ] = useState<MyPlayerProps>(player)
@@ -60,16 +61,11 @@ const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate
 
     const allow_next = username_valid.valid && !username_valid.loading && draft_player.first_name && draft_player.last_name ? true : false
 
-    return (
-        <View style={{ flex:1 }}>
-            <ScrollView style={{ flex:1 }}>
-                {walkthrough ?
-                <View style={{ padding:20 }}>
-                    <Text size={30} theme='h1'>Let's start with the basics</Text>
-                    <Text style={{ marginTop:15 }} size={16} theme='h2'>You can change this later, but will be required to verify your account.</Text>
-                </View>
-                :<></>}
-                <View style={{ padding:30 }}>
+    const renderSections = (data:{ item:string, index:number }) => {
+        switch(data.item){
+            case 'username':
+                return (
+                    <View style={{ padding:30 }}>
                     <Text weight='bold' size={18} theme='h1'>USERNAME</Text>
                     <Text style={{ marginTop:5 }} theme='h2'>To start, we randomly generate a username for you!  Change it if you'd like here.</Text>
                     <View type='input' style={{ marginTop:20, flexDirection:'row', alignItems:'center' }}>
@@ -113,47 +109,69 @@ const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate
                         </View>
                     </View>
                 </View>
-
-                <View style={{ padding:30 }}>
-                    <Text weight='bold' size={18} theme='h1'>NAME</Text>
-                    <Text style={{ marginTop:5 }} theme='h2'>Add / Update your name below.  This is required to verify your account</Text>
-                    <View type='input' style={{ marginTop:20, flexDirection:'row', alignItems:'center' }}>
-                        <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
-                            <Icons.UserIcon
-                                color={C.text.h1}
-                                size={18}
+                )
+            case 'name':
+                return (
+                    <View style={{ padding:30 }}>
+                        <Text weight='bold' size={18} theme='h1'>NAME</Text>
+                        <Text style={{ marginTop:5 }} theme='h2'>Add / Update your name below.  This is required to verify your account</Text>
+                        <View type='input' style={{ marginTop:20, flexDirection:'row', alignItems:'center' }}>
+                            <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
+                                <Icons.UserIcon
+                                    color={C.text.h1}
+                                    size={18}
+                                />
+                            </View>
+                            <TextInput
+                                value={draft_player.first_name}
+                                placeholder='First Name'
+                                onFocusPosition={onFocusPosition}
+                                placeholderTextColor={Colors.brand.slate}
+                                editable={player.vouched_status != 'verified' ? true : false}
+                                style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
+                                onChangeText={(text) => setDraftPlayer({ ...draft_player, first_name: text })}
                             />
                         </View>
-                        <TextInput
-                            value={draft_player.first_name}
-                            placeholder='First Name'
-                            onFocusPosition={onFocusPosition}
-                            placeholderTextColor={Colors.brand.slate}
-                            editable={player.vouched_status != 'verified' ? true : false}
-                            style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
-                            onChangeText={(text) => setDraftPlayer({ ...draft_player, first_name: text })}
-                        />
-                    </View>
-                    <View type='input' style={{ marginTop:10, flexDirection:'row', alignItems:'center' }}>
-                        <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
-                            <Icons.UserIcon
-                                color={C.text.h1}
-                                size={18}
+                        <View type='input' style={{ marginTop:10, flexDirection:'row', alignItems:'center' }}>
+                            <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
+                                <Icons.UserIcon
+                                    color={C.text.h1}
+                                    size={18}
+                                />
+                            </View>
+                            <TextInput
+                                value={draft_player.last_name}
+                                placeholder='Last Name'
+                                
+                                onFocusPosition={onFocusPosition}
+                                placeholderTextColor={Colors.brand.slate}
+                                editable={player.vouched_status != 'verified' ? true : false}
+                                style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
+                                onChangeText={(text) => setDraftPlayer({ ...draft_player, last_name: text })}
                             />
                         </View>
-                        <TextInput
-                            value={draft_player.last_name}
-                            placeholder='Last Name'
-                            
-                            onFocusPosition={onFocusPosition}
-                            placeholderTextColor={Colors.brand.slate}
-                            editable={player.vouched_status != 'verified' ? true : false}
-                            style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
-                            onChangeText={(text) => setDraftPlayer({ ...draft_player, last_name: text })}
-                        />
-                    </View>
-                </View> 
-            </ScrollView>
+                    </View> 
+                )
+            default: return <></>
+        }
+    }
+
+    return (
+        <View style={{ flex:1 }}>
+            {walkthrough ?
+            <View style={{ padding:20 }}>
+                <Text size={26} theme='h1'>Let's start with the basics</Text>
+                <Text style={{ marginTop:15 }} size={14} theme='h2'>You can change this later, but will be required to verify your account.</Text>
+            </View>
+            :<></>}
+            <View style={{ flex:1 }}>
+                <FlatList
+                    data={sections}
+                    key={'basic_sections'}
+                    keyExtractor={(item) => item}
+                    renderItem={renderSections}
+                />
+            </View>
             {walkthrough ?
             <View nativeID='action_row' style={{ flexDirection:'row', justifyContent:'space-between', padding:10 }}>
                 <Button

package/src/ProfileManager/Components/BasicStatus.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Image, ScrollView } from 'react-native';
+import { FlatList, Image } from 'react-native';
 import { Icons } from '../../Components';
 import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { Button, Text, View } from '../../Components/Themed';
@@ -7,6 +7,7 @@ import { useColors } from '../../constants/useColors';
 
 type BasicStatusProps = {
     player:MyPlayerProps,
+    width:number,
     code_details: {
         code_request?:CodeRequestProps,
         referrer?:PublicPlayerProps,
@@ -16,11 +17,13 @@ type BasicStatusProps = {
     onClose:() => void,
     onVerify:() => void
 }
-
-const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProps) => {
+const sections = ['image'];
+const BasicStatus = ({ onVerify, width, code_details, player, onClose }:BasicStatusProps) => {
     const C = useColors();
     const { code_request, promo } = code_details;
 
+    const MAX_WIDTH = 500
+    const size = width > MAX_WIDTH ? MAX_WIDTH : width
     const getStatus = (p:MyPlayerProps) => {
         let errors:string[] = []
         if(!p.first_name || !p.last_name){ errors.push('A first and last name are required to use real money') }
@@ -28,62 +31,76 @@ const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProp
         return errors
     }
 
-    const errors = getStatus(player)
+    const errors = getStatus(player);
+
+    const renderSections = (data: { item:string, index:number }) => {
+        switch(data.item){
+            case 'image':
+                return (
+                    <View style={{ justifyContent:'center', alignItems:'center' }}>
+                        <Image
+                            source={{ uri:'https://res.cloudinary.com/hoabts6mc/image/upload/v1714410165/Welcome_banner_bqu6cc.webp' }}
+                            style={{ width:size, height:size, borderRadius:4 }}
+                            resizeMode='cover'
+                        />
+                    </View>
+                )
+            default: return <></>
+        }
+    }
 
     return (
         <View style={{ flex:1 }}>
-            <ScrollView style={{ flex:1 }}>
-               
-                <View style={{ justifyContent:'center', alignItems:'center' }}>
-                    <Image
-                        source={{ uri:'https://res.cloudinary.com/hoabts6mc/image/upload/v1714410165/Welcome_banner_bqu6cc.webp' }}
-                        style={{ width:400, height:400, borderRadius:4 }}
-                        resizeMode='cover'
-                    />
-                </View>
-                <View style={{ padding:10, marginTop:-100 }}>
-                    <View style={{ padding:10, flexDirection:'row' }}>
-                        <Icons.CheckCirlceIcon color={C.text.success} size={32}/>
-                        <View style={{ flex:1, marginLeft:20 }}>
-                            <Text theme='h1'>FREE TO PLAY - ENGAGED!</Text>
-                            <Text style={{ marginTop:5 }} theme='h2'>Your profile is ready to go for play money betting and all our FREE TO PLAY games.</Text>
-                        </View>
-                    </View> 
-                    {player.vouched_status != 'verified' ? 
-                    <View style={{ padding:10, flexDirection:'row' }}>
-                        <Icons.AlertIcon color={C.text.warning} size={32}/>
-                        <View style={{ flex:1, marginLeft:20 }}>
-
-                        <Text theme='h1'>WANT TO USE REAL MONEY?</Text>
-                        {errors.length == 0 ?
-                        <Text style={{ marginTop:5 }} theme='description'>Continue on your journey and complete the verification steps in just a couple minutes.</Text>
-                        :
-                        <View style={{ marginTop:5 }}>
-                            <Text size={14} theme='warning'>FIX THE FOLLOWING BEFORE CONTINUING</Text>
-                            <View style={{ padding:10 }}>
-                                {errors.map((e,i) => {
-                                    return (
-                                        <Text style={{ padding:2 }} theme='warning'>{i+1} - {e}</Text>
-                                    )
-                                })}
-                            </View>
-                        </View>
-                        }
-                        </View>
+            <View style={{ flex:1 }}>
+                <FlatList
+                    data={sections}
+                    key={'status_sections'}
+                    keyExtractor={(item) => item}
+                    renderItem={renderSections}
+                /> 
+            </View>
+            <View type='header' style={{ padding:10  }}>
+                <View transparent style={{ padding:10, flexDirection:'row', borderBottomWidth:1, borderColor:C.borders.light }}>
+                    <Icons.CheckCirlceIcon color={C.text.success} size={32}/>
+                    <View transparent style={{ flex:1, marginLeft:20 }}>
+                        <Text theme='h1'>FREE TO PLAY - ENGAGED!</Text>
+                        <Text style={{ marginTop:5 }} theme='h2'>Your profile is ready to go for play money betting and all our FREE TO PLAY games.</Text>
                     </View>
+                </View> 
+                {player.vouched_status != 'verified' ? 
+                <View transparent style={{ padding:10, flexDirection:'row' }}>
+                    <Icons.AlertIcon color={C.text.warning} size={32}/>
+                    <View transparent style={{ flex:1, marginLeft:20 }}>
+
+                    <Text theme='h1'>WANT TO USE REAL MONEY?</Text>
+                    {errors.length == 0 ?
+                    <Text style={{ marginTop:5 }} theme='description'>Continue on your journey and complete the verification steps in just a couple minutes.</Text>
                     :
-                    <View style={{ padding:10, flexDirection:'row' }}>
-                        <Icons.CheckCirlceIcon color={C.text.success} size={32}/>
-                        <View style={{ flex:1, marginLeft:20 }}>
-                            <Text theme='h1'>REAL MONEY - ENGAGED!</Text>
-                            <Text style={{ marginTop:5 }} theme='h2'>Way to go! Your profile is ready to go for real-money activities!</Text>
+                    <View transparent style={{ marginTop:5 }}>
+                        <Text size={14} theme='warning'>FIX THE FOLLOWING BEFORE CONTINUING</Text>
+                        <View transparent style={{ padding:10 }}>
+                            {errors.map((e,i) => {
+                                return (
+                                    <Text style={{ padding:2 }} theme='warning'>{i+1} - {e}</Text>
+                                )
+                            })}
                         </View>
-                    </View> 
+                    </View>
                     }
-                </View>  
-            </ScrollView>
+                    </View>
+                </View>
+                :
+                <View style={{ padding:10, flexDirection:'row' }}>
+                    <Icons.CheckCirlceIcon color={C.text.success} size={32}/>
+                    <View style={{ flex:1, marginLeft:20 }}>
+                        <Text theme='h1'>REAL MONEY - ENGAGED!</Text>
+                        <Text style={{ marginTop:5 }} theme='h2'>Way to go! Your profile is ready to go for real-money activities!</Text>
+                    </View>
+                </View> 
+                }
+            </View> 
             {code_request && !['closed','fulfilled'].includes(code_request.status) && promo ?
-            <View float style={{ margin:15, marginTop:-50, flexDirection:'row' }}>
+            <View float style={{ margin:15, flexDirection:'row' }}>
                 <View transparent style={{ padding:10, justifyContent:'center' }}>
                     <Icons.GiftIcon size={40} color={C.text.gold} />
                 </View>

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, Image, Keyboard, TouchableWithoutFeedback } from 'react-native';
+import { ActivityIndicator, FlatList, Image } from 'react-native';
 import { Icons } from '../../Components';
 import { ProfileApi, ProfileHelpers } from '../api';
 import type { CodeRequestProps, FocusPositionProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
@@ -21,6 +21,7 @@ type CodeRedeemProps = {
     onClose:() => void
 }
 
+const sections = ['header','code_used','redeemed','referrer']
 const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode, onFocusPosition }:CodeRedeemProps) => {
     const C = useColors();
     const [ loading, setLoading ] = useState(false);
@@ -72,118 +73,135 @@ const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode, onFocusPosit
         }, 2000);
     }
 
-
-
-    if(loading){
-        return (
-            <ActivityIndicator size='large' color={C.text.h1} style={{ padding:40, alignSelf:'center' }} />
-        )
-    }
-
     const is_changed = draft_code && draft_code.toLowerCase() != code_request?.referral_code.toLowerCase() ? true : false
-    console.log(code_request?.referral_code);
     const try_allowed = draft_code ? true : false
     const change_allowed = !loading && ProfileHelpers.isChangeCodeAllowed(code_request) ? true : false
-    return (
-        <TouchableWithoutFeedback style={{ flex:1 }} onPress={() => Keyboard.dismiss()}>
 
-        <View style={{ flex:1 }}>
-            <View style={{ flex:1, padding:20 }}>
-            <View style={{ padding:20 }}>
-                    <Text size={30} theme='h1'>How Did You Find Us?</Text>
-                    <Text style={{ marginTop:15 }} size={16} theme='h2'>All new players are eligible for a one-time sign up bonus. Below is the code / referrer used during sign up.</Text>
-                </View>
-                <View style={{ padding:10, marginTop:20 }}>
-                    <Text size={20} theme='h1' textAlign='center'>CODE USED</Text>
-                    <Text size={14} theme='description' style={{ marginTop:4 }} textAlign='center'>Enter / change the code below</Text>
-                    <View type='input' style={{ marginTop:20, flexDirection:'row', alignItems:'center' }}>
-                        <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
-                            <Icons.USDIcon
-                                color={C.text.h1}
-                                size={18}
+
+    const renderSections = (data:{item:string, index:number}) => {
+        switch(data.item){
+            case 'header':
+                return (
+                    <View style={{ padding:20 }}>
+                        <Text size={26} theme='h1'>How Did You Find Us?</Text>
+                        <Text style={{ marginTop:15 }} size={14} theme='h2'>All new players are eligible for a one-time sign up bonus. Below is the code / referrer used during sign up.</Text>
+                    </View>
+                )
+            case 'code_used':
+                return (
+                    <View style={{ padding:10, marginTop:20 }}>
+                        <Text size={20} theme='h1' textAlign='center'>CODE USED</Text>
+                        <Text size={14} theme='description' style={{ marginTop:4 }} textAlign='center'>Enter / change the code below</Text>
+                        <View type='input' style={{ marginTop:20, flexDirection:'row', alignItems:'center' }}>
+                            <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
+                                <Icons.USDIcon
+                                    color={C.text.h1}
+                                    size={18}
+                                />
+                            </View>
+                            <TextInput
+                            
+                                value={draft_code}
+                                onFocusPosition={onFocusPosition}
+                                style={{ flex:1, textAlign: 'center' }}
+                                placeholder='Add Code Here'
+                                editable={change_allowed}
+                                transparent
+                                onChangeText={(text) => setDraftCode(text)}
                             />
-                        </View>
-                        <TextInput
-                        
-                            value={draft_code}
-                            onFocusPosition={onFocusPosition}
-                            style={{ flex:1, textAlign: 'center' }}
-                            placeholder='Add Code Here'
-                            editable={change_allowed}
-                            transparent
-                            onChangeText={(text) => setDraftCode(text)}
-                        />
-                        <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
-                            {loading ?
-                            <ActivityIndicator size='small' color={C.text.h1}/>
-                            :
-                            <View transparent>
-                                { !is_changed && draft_code ?
-                                <Icons.CheckIcon size={16} color={C.text.success} />
-                                : code_error ?
-                                <Icons.AlertIcon size={16} color={C.text.warning} />
+                            <View transparent style={{ paddingLeft:15, paddingRight:15 }}>
+                                {loading ?
+                                <ActivityIndicator size='small' color={C.text.h1}/>
                                 :
-                                <Icons.CloseIcon size={14} color={C.text.error} />
+                                <View transparent>
+                                    { !is_changed && draft_code ?
+                                    <Icons.CheckIcon size={16} color={C.text.success} />
+                                    : code_error ?
+                                    <Icons.AlertIcon size={16} color={C.text.warning} />
+                                    :
+                                    <Icons.CloseIcon size={14} color={C.text.error} />
+                                    }
+                                </View>
                                 }
                             </View>
-                            }
                         </View>
-                    </View>
-                    {code_error ?
-                    <Text style={{ padding:5 }} theme='error' textAlign='center'>{code_error}</Text>
-                    :<></>}
-                    {is_changed ?
-                        <Button
-                            title='Apply Code'
-                            style={{ marginTop:20, opacity:try_allowed?1:0.5 }}
-                            disabled={!try_allowed}
-                            onPress={() => handleTryCodeRequest()}
-                            type='success'
-                            
-                        />
+                        {code_error ?
+                        <Text style={{ padding:5 }} theme='error' textAlign='center'>{code_error}</Text>
                         :<></>}
-                    {false ?
-                    <Text theme='warning'>{'ERROR GOES HERE'}</Text>
-                    :<></>}
-                </View>
-                {!reward_option ?
-                <View float style={{ padding:10, marginTop:20 }}>
-                    <Text size={20} weight='bold' textAlign='center' theme='h1'>CODE OFFER</Text>
-                    {promo ?
-                    <View transparent style={{ marginTop:20, borderRadius:8, padding:10 }}>
-                        <Text style={{ marginTop:5 }} theme='description' textAlign='center'>{ProfileHelpers.getReferralDescription(promo)}</Text>
-                    </View>
-                    :<></>}
-                </View>
-                :
-                <View float style={{ padding:10, marginTop:20 }}>
-                    <Text size={20} theme='h1' textAlign='center'>CODE REDEEMED</Text>
-                    {reward_option ?
-                    <View transparent style={{ marginTop:10, padding:10, borderRadius:8 }}>
-                        <Text size={14} theme='h2'>AWARDED: {reward_option.reward_name}</Text>
-                        {code_request && promo && ['referral_sweepstakes','referral_code'].includes(promo.type) ?
-                        <Text style={{ marginTop:10 }} theme='h2'>KICKBACK STATUS: {code_request.status == 'fulfilled' ? 'Referrer will get the same reward amount after you make your first deposit': 'Kickback received'}</Text>
+                        {is_changed ?
+                            <Button
+                                title='Apply Code'
+                                style={{ marginTop:20, opacity:try_allowed?1:0.5 }}
+                                disabled={!try_allowed}
+                                onPress={() => handleTryCodeRequest()}
+                                type='success'
+                                
+                            />
+                            :<></>}
+                        {false ?
+                        <Text theme='warning'>{'ERROR GOES HERE'}</Text>
                         :<></>}
                     </View>
-                    :<></>}
-                </View>
-                }
-            </View>
-            {referrer ?
-            <View float style={{ margin:20, padding:5 }}>
-                    <View nativeID='referrer_details' style={{ flexDirection:'row', padding:5}}>
-                        <Image
-                            source={{ uri:referrer.profile_pic }}
-                            style={{ height:50, width:50, borderRadius:8 }}
-                            resizeMode='cover'
-                        />
-                        <View style={{ flex:1, marginLeft:20 }}>
-                            <Text size={16} theme='h1'>Referred By: {referrer.first_name} {referrer.last_name}</Text>
-                            <Text style={{ marginTop:5 }} theme='description'>@{referrer.username}</Text>
+                )
+            case 'redeemed':
+                return (
+                    <View style={{ padding:20 }}>
+                        {!reward_option ?
+                        <View float style={{ padding:10, marginTop:20 }}>
+                            <Text size={20} weight='bold' textAlign='center' theme='h1'>CODE OFFER</Text>
+                            {promo ?
+                            <View transparent style={{ marginTop:20, borderRadius:8, padding:10 }}>
+                                <Text style={{ marginTop:5 }} theme='description' textAlign='center'>{ProfileHelpers.getReferralDescription(promo)}</Text>
+                            </View>
+                            :<></>}
+                        </View>
+                        :
+                        <View float style={{ padding:10, marginTop:20 }}>
+                            <Text size={20} theme='h1' textAlign='center'>CODE REDEEMED</Text>
+                            {reward_option ?
+                            <View transparent style={{ marginTop:10, padding:10, borderRadius:8 }}>
+                                <Text size={14} theme='h2'>AWARDED: {reward_option.reward_name}</Text>
+                                {code_request && promo && ['referral_sweepstakes','referral_code'].includes(promo.type) ?
+                                <Text style={{ marginTop:10 }} theme='h2'>KICKBACK STATUS: {code_request.status == 'fulfilled' ? 'Referrer will get the same reward amount after you make your first deposit': 'Kickback received'}</Text>
+                                :<></>}
+                            </View>
+                            :<></>}
                         </View>
+                        }
                     </View>
-                </View>
-            :<></>}
+                )
+            case 'referrer':
+                if(!referrer){ return <></> }
+                return (
+                    <View float style={{ margin:20, padding:5 }}>
+                        <View nativeID='referrer_details' style={{ flexDirection:'row', padding:5}}>
+                            <Image
+                                source={{ uri:referrer.profile_pic }}
+                                style={{ height:50, width:50, borderRadius:8 }}
+                                resizeMode='cover'
+                            />
+                            <View style={{ flex:1, marginLeft:20 }}>
+                                <Text size={16} theme='h1'>Referred By: {referrer.first_name} {referrer.last_name}</Text>
+                                <Text style={{ marginTop:5 }} theme='description'>@{referrer.username}</Text>
+                            </View>
+                        </View>
+                    </View>
+                )
+            default: return <></>
+        }
+    }
+
+
+    return (
+        <View style={{ flex:1 }}>
+            <View style={{ flex:1 }}>
+                <FlatList
+                    data={sections}
+                    key={'code_sections'}
+                    keyExtractor={item => item}
+                    renderItem={renderSections}
+                />
+            </View>
             <View style={{ flexDirection:'row', padding:10 }}>
                 <Button
                     title={walkthrough ? 'SKIP' : 'CLOSE'}
@@ -241,7 +259,6 @@ const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode, onFocusPosit
                 </View>
                 :<></>}
         </View>
-        </TouchableWithoutFeedback>
     )
 }