Added a back button to the map pagefeat/20

1 files changed, 22 insertions, 2 deletions

diff --git a/mobile/screens/MapPage.js b/mobile/screens/MapPage.js
index ea3388b..f8e2a79 100644
--- a/mobile/screens/MapPage.js
+++ b/mobile/screens/MapPage.js
@@ -43,12 +43,15 @@ export default class Form1 extends Component {
 	          this.state.markers[0].latlng.longitude,
 	          this.state.markers[0].latlng.latitude]
 	      });
-  };
+  	};
+  	moveToGreetingPage = () => {
+    	this.props.navigation.navigate('GreetingPage');
+  	}
 
 	render() {
 	    return (
 	    	<View style={{flex:1,}}>
-		    	<View style={{flex:1}}>
+		    	<View style={{flex:3}}>
 			  		<MapView
 			    		style={{ flex: 1 }}
 			    		initialRegion={{
@@ -74,6 +77,13 @@ export default class Form1 extends Component {
 					 		Proceed
 					 	</Text>
 				</TouchableHighlight>
+				<TouchableHighlight 
+			  	style={styles.second_button_container}
+			  	onPress={() => { this.moveToGreetingPage() }}>
+					 	<Text style={styles.proceed_title}>
+					 		Back
+					 	</Text>
+				</TouchableHighlight>
 			</View>
 	    );
   }
@@ -84,6 +94,16 @@ const styles = StyleSheet.create( {
 	width: '100%',
 	flex: 1,
 	position: 'absolute',
+    bottom:60,
+    backgroundColor: '#c0392b',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'stretch'
+  },
+  second_button_container: {
+	width: '100%',
+	flex: 1,
+	position: 'absolute',
     bottom:0,
     backgroundColor: '#535c68',
     flexDirection: 'row',