add menu selection revisi

view/Auth.js

@@ -327,7 +327,18 @@ class Auth extends React.Component {
                       textAlign: 'center'
                     }, title: 'Tambah Alamat'
                   }} />
-                  <Stack.Screen name="Menu Detail" component={MenuDetail} />
+                  <Stack.Screen name="Menu Detail" component={MenuDetail}
+                   options={({ route }) => ({ headerStyle: { backgroundColor: '#CFB368' },
+                   headerTitleContainerStyle: { alignContent: 'center' },
+                   headerTitleAlign: 'center',
+                   headerTintColor: '#fff',
+                   headerTitleStyle: {
+                     alignSelf: 'center',
+                     fontFamily: 'Gotham-Black',
+                     color: 'white',
+                     textAlign: 'center'
+                   }, title: route.params.nameMenu })}
+                  />
                   <Stack.Screen name="Pickup Name" component={PickupName} options={{
                     headerStyle: { backgroundColor: '#CFB368' },
                     headerTitleContainerStyle: { alignContent: 'center' },

view/MenuSelection.js

@@ -314,7 +314,7 @@ class MenuSelection extends React.Component {
 
           <View style={{ flex: 1, flexDirection: 'row' }}>
             <View style={{ flex: 1 }}>
-              <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', textAlign: 'center', top: 10, marginLeft: 45 }}> {this.props.order_quantity}  Item  |   {this.props.type_pickup == true ? (null) : (
+              <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', textAlign: 'center', top: 10 }}> {this.props.order_quantity}  Item  |   {this.props.type_pickup == true ? (null) : (
                 <Text style={{ fontSize: 12 }}> Ongkir {this.props.grabamount}  </Text>
               )} </Text>
               <NumberFormat decimalScale={0} value={this.props.order_total} renderText={value => <Text style={{ fontSize: 20, fontFamily: 'Gotham-Light', top: 20, textAlign: 'center' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />