git commit

components/captured-area.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+// import sharedStyles from './shared-styles';
+// import {
+//     Platform,
+//     StyleSheet,
+//     Image,
+//     ListView,
+//     Text,
+//     ScrollView,
+//     TextInput,
+//     TouchableHighlight,
+//     View
+// } from 'react-native';
+
+export default class CapturedArea {
+    constructor(userID, coordinates, strokeColor, fillColor, area) {
+        this.userID = userID;
+        this.coordinates = coordinates;
+        this.strokeColor = strokeColor;
+        this.fillColor = fillColor;
+        this.area = area;
+    }
+}

components/new-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 NewButton extends Component {
+    constructor(props) {
+        super(props);
+        this.erase = this.props.erase;
+        this.state = { value: this.props.value};
+    }
+
+    formatValue() {
+        return this.state.value;
+    }
+
+    render() {
+        return (
+            <View style ={[sharedStyles.runInfoWrapper, {flex: 1}]}>
+            <TouchableHighlight
+                onPress=  {() => this.erase()}
+                // style={sharedStyles.new}
+            >
+                    <Text style={{fontSize: 25, textAlign: 'center'}}>New</Text>
+            </TouchableHighlight>
+            </View>
+
+        )
+    }
+}