made join button, made menu buttons

components/join-button.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import sharedStyles from '../shared-styles';
+import {
+    TouchableHighlight,
+    Platform,
+    StyleSheet,
+    Text,
+    View
+} from 'react-native';
+
+export default class JoinButton extends Component {
+    constructor(props) {
+        super(props);
+        this.join = this.props.join;
+        this.state = { value: this.props.value};
+    }
+
+    formatValue() {
+        return this.state.value;
+    }
+
+    render() {
+        return (
+            <View style ={[sharedStyles.runInfoWrapper, {flex: 1}]}>
+            <TouchableHighlight
+                onPress=  {() => this.join()}
+                // style={sharedStyles.new}
+            >
+                <Text style={{fontSize: 25, textAlign: 'center'}}>Join</Text>
+            </TouchableHighlight>
+            </View>
+
+        )
+    }
+}

components/new-button.js

@@ -21,12 +21,17 @@ export default class NewButton extends Component {
 
     render() {
         return (
-            <View style ={[sharedStyles.runInfoWrapper, {flex: 1}]}>
+            <View style ={[{paddingVertical: 15}, {flex: 1}]}>
             <TouchableHighlight
                 onPress=  {() => this.erase()}
                 // style={sharedStyles.new}
             >
-                    <Text style={{fontSize: 25, textAlign: 'center'}}>New</Text>
+                                        <Text style={{
+                        paddingVertical: 10,
+                        fontSize: 30, 
+                        backgroundColor: 'rgba(0,255,0,0.5)',
+                        textAlign: 'center'}}>Start Capture</Text>
+                    
             </TouchableHighlight>
             </View>