placeholder

view/Auth.js

@@ -194,8 +194,19 @@ class Auth extends React.Component {
             </>
           ) : this.props.pageEmailConfirmation === true ? (
             <>
-              <Stack.Screen name="Email Confirmation" component={EmailConfirmation} />
-              <Stack.Screen name="Login" component={Login} />
+              <Stack.Screen name="Email Confirmation" component={EmailConfirmation} options={{
+                headerStyle: { backgroundColor: '#CFB368' },
+                headerTitleContainerStyle: { alignContent: 'center' },
+                headerTitleAlign: 'center',
+                headerTintColor: '#fff',
+                headerTitleStyle: {
+                  alignSelf: 'center',
+                  fontFamily: 'Gotham-Black',
+                  color: 'white',
+                  textAlign: 'center'
+                }, title: 'EMAIL CONFIRMATION'
+              }} />
+              <Stack.Screen name="Login" component={Login} options={{headerShown:false}} />
               <Stack.Screen name="LoginWelcome" component={WelcomeLog} options={{
                 headerShown: false,
               }} />
@@ -301,7 +312,19 @@ class Auth extends React.Component {
                     title: 'TRANSFER BALANCE'
                   }} />
                   <Stack.Screen name="Register" component={Register} />
-                  <Stack.Screen name="Email Confirmation" component={EmailConfirmation} />
+                  <Stack.Screen name="Email Confirmation" component={EmailConfirmation}    options={{
+                      headerStyle: { backgroundColor: '#CFB368' },
+                      headerTitleContainerStyle: { alignContent: 'center' },
+                      headerTitleAlign: 'center',
+                      headerTintColor: '#fff',
+                      headerTitleStyle: {
+                        alignSelf: 'center',
+                        fontFamily: 'Gotham-Black',
+                        fontSize: 20,
+                        color: 'white',
+                        textAlign: 'center'
+                      }, title: 'EMAIL CONFIRMATION'
+                    }} />
                   <Stack.Screen name="Upgrade Premium" component={UpgradePremium}
                     options={{
                       headerStyle: { backgroundColor: '#CFB368' },

view/CardActivation.js

@@ -154,9 +154,11 @@ class CardActivation extends React.Component {
                     }
                     {
                         this.state.timer === 0 ? (
-                            <View style={{ width: 90, height: 40, alignSelf: 'center', margin: 20, top: 0 }}>
-                                <Button title="Resend Token" onPress={() => this.ResendToken()}></Button>
+                        <TouchableOpacity onPress={() => this.ResendToken()}>
+                            <View style={{ height: 40, borderRadius: 20, backgroundColor: '#CFB368', margin: 20, justifyContent: 'center' }}>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center', margin: 15 }}>Resend Token</Text>
                             </View>
+                        </TouchableOpacity>
                         ) : (null)}
 
                     <View style={styles.field_email}>

view/MenuConfirmation.js

@@ -117,7 +117,8 @@ class MenuConfirmation extends React.Component {
             }).catch(error => {
                 console.log(error.response)
                 if (error.response.status <= 500) {
-                    Alert.alert(String(error.response.status), 'Internal Server Error')
+                    let response = error.response.data;
+                    Alert.alert('',response.msg);
                 } else {
                     let response = error.response.data;
                     Alert.alert('', response.msg);

view/MenuSelection.js

@@ -353,6 +353,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: 'white',
+    
   },
   // shadow: {