Auth js

view/Auth.js

@@ -55,6 +55,7 @@ import WelcomeLog from './WelcomeLog';
 import RatingOrder from './RatingOrder';
 import UseBalance from './UseBalance';
 import PaymentCode from './PaymentCode';
+import UpdateVersion from './UpdateVersion';
 
 enableScreens();
 
@@ -118,10 +119,10 @@ const BottomNavigation = ({ state, descriptors, navigation }) => {
             testID={options.tabBarTestID}
             onPress={onPress}
             onLongPress={onLongPress}
-            style={{ flex: 1, alignItems: 'center', backgroundColor: 'white', borderTopWidth:1, borderTopColor: '#f0f0f0' }}
+            style={{ flex: 1, alignItems: 'center', backgroundColor: 'white', borderTopWidth: 1, borderTopColor: '#f0f0f0' }}
           >
 
-          <Image source={icon} style={{ height: 50, width: 50, tintColor: isFocused ? '#CFB368' : 'gray'}} />
+            <Image source={icon} style={{ height: 50, width: 50, tintColor: isFocused ? '#CFB368' : 'gray' }} />
 
           </TouchableOpacity>
         );
@@ -130,9 +131,9 @@ const BottomNavigation = ({ state, descriptors, navigation }) => {
   )
 }
 
-function HomePage({navigation}) {
+function HomePage({ navigation }) {
   return (
-    <Tab.Navigator tabBar={props => <BottomNavigation {...props}/>}
+    <Tab.Navigator tabBar={props => <BottomNavigation {...props} />}
 
     // screenOptions={({ route }) => ({
     //   tabBarIcon: ({ focused, color, size }) => {
@@ -282,7 +283,7 @@ class Auth extends React.Component {
                   textAlign: 'center'
                 }, title: 'EMAIL CONFIRMATION'
               }} />
-              <Stack.Screen name="Login" component={Login} options={{headerShown:false}} />
+              <Stack.Screen name="Login" component={Login} options={{ headerShown: false }} />
               <Stack.Screen name="LoginWelcome" component={WelcomeLog} options={{
                 headerShown: false,
               }} />
@@ -536,6 +537,22 @@ class Auth extends React.Component {
                       }, title: 'RATING ORDER'
                     }}
                   />
+
+                  <Stack.Screen name="UpdateVersion" component={UpdateVersion}
+                    options={{
+                      headerStyle: { backgroundColor: '#CFB368' },
+                      headerTitleContainerStyle: { alignContent: 'center' },
+                      headerTitleAlign: 'center',
+                      headerTintColor: '#fff',
+                      headerTitleStyle: {
+                        alignSelf: 'center',
+                        fontFamily: 'Gotham-Black',
+                        fontSize: 20,
+                        color: 'white',
+                        textAlign: 'center'
+                      }, title: 'UPDATE VERSION'
+                    }}
+                  />
                   <Stack.Screen name="UseBalance" component={UseBalance}
                     options={{
                       headerStyle: { backgroundColor: '#CFB368' },