fixing margin status bar

app.json

@@ -29,14 +29,14 @@
     "ios": {
       "supportsTablet": true,
       "bundleIdentifier": "id.web.ravintola.excelsocrm",
-      "buildNumber": "2006261645",
+      "buildNumber": "2006261800",
       "config": {
         "googleMapsApiKey": "AIzaSyCvIFNvXKmBNetqPrV4VnjvF772avYbA3M"
       }
     },
     "android": {
       "package": "id.web.ravintola.excelsocrm",
-      "versionCode": 2006261645,
+      "versionCode": 2006261800,
       "config": {
         "googleMaps": {
           "apiKey": "AIzaSyAcCfuNHVFstDUE-ZDafWsiUmA3ON79cqo"

view/Auth.js

@@ -251,7 +251,21 @@ class Auth extends React.Component {
                 },
                 title: 'SETTING URL'
               }} />
-              <Stack.Screen name="Home" component={Home} />
+              {/* <Stack.Screen name="Home" component={Home} /> */}
+              <Stack.Screen name="Home" component={HomePage}
+                options={{
+                  headerShown: false,
+                  headerRight: props => <HandleInbox {...props} />,
+                  title: 'TODAY PROMOTION',
+                  headerStyle: { backgroundColor: '#CFB368' },
+                  headerTitleContainerStyle: { alignContent: 'center' },
+                  headerTitleStyle: {
+                    alignSelf: 'center',
+                    fontFamily: 'Gotham-Black',
+                    color: 'white',
+                    textAlign: 'center'
+                  }
+                }} />
               <Stack.Screen name="Profile" component={ProfilePage} options={{
                 headerStyle: { backgroundColor: '#CFB368' },
                 headerTitleContainerStyle: { alignContent: 'center' },

view/Home.js

@@ -302,7 +302,7 @@ class Home extends React.Component {
       ],
       { cancelable: false },
     )
-}
+  }
 
   render() {
     return (
@@ -311,7 +311,8 @@ class Home extends React.Component {
         <ScrollView>
           <View style={{ flex: 6 }}>
             <View style={styles.header}>
-              <View style={{ flex: 1, alignItems: 'flex-end' }}>
+              <View style={{ flex: 0.15, margin: 15 }} />
+              <View style={{ flex: 0.7, alignItems: 'center'}}>
                 <Text style={styles.titleText}>{i18n.t('promotion')}</Text>
               </View>
               <View style={{ margin: 15, flex: 0.15, alignItems: 'flex-end' }}>
@@ -518,7 +519,7 @@ class Home extends React.Component {
                               <View style={{ flex: 1, height: 80, borderRadius: 20, marginRight: 10, marginLeft: 10, justifyContent: 'center' }}>
                                 <NumberFormat decimalScale={0} value={this.state.old_balance} renderText={value => <Text style={{ fontSize: 14, fontFamily: 'Gotham-Light', textAlign: 'center', marginBottom: 10, color: '#838383' }}>CREDIT : Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
                                 <View style={{ justifyContent: 'center' }}>
-                                    <TouchableOpacity onPress={() => this.handleClaimCredit()}>
+                                  <TouchableOpacity onPress={() => this.onClickClaimCredit()}>
                                     <View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', marginRight: 20, marginLeft: 20, justifyContent: 'center' }}>
                                       <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center', margin: 15 }}>CLAIM CREDIT</Text>
                                     </View>