Closing many tickets

mobile/src/Activity/Activity.js

@@ -15,11 +15,11 @@ import { FormBinder } from "react-form-binder"
 import {
   Icon,
   Header,
-  PhotoButton,
   BoundInput,
   BoundButton,
   BoundOptionStrip,
   BoundHeader,
+  PhotoPanel,
 } from "../ui"
 import { MessageModal } from "../Modal"
 import autobind from "autobind-decorator"
@@ -73,6 +73,10 @@ export class Activity extends React.Component {
       isValid: (r, v) => v !== "",
       alwaysGet: true,
     },
+    location: {
+      isValid: (r, v) => v !== "",
+      isReadOnly: true,
+    },
   }
 
   constructor(props) {
@@ -218,6 +222,8 @@ export class Activity extends React.Component {
             <BoundInput binder={binder} name="location" label="Location:" />
             <MapView
               style={{
+                flexDirection: "column",
+                justifyContent: "center",
                 width: "100%",
                 height: 400,
                 marginTop: 10,
@@ -238,31 +244,20 @@ export class Activity extends React.Component {
                 longitude: -79.384293,
                 latitudeDelta: 0.0922,
                 longitudeDelta: 0.0421,
-              }}
-            />
+              }}>
+              <Icon
+                name="target"
+                size={24}
+                pointerEvents={false}
+                style={{
+                  position: "absolute",
+                  alignSelf: "center",
+                }}
+              />
+            </MapView>
           </View>
           <View style={styles.panel}>
-            <Text style={styles.label}>Pictures:</Text>
-            <View
-              style={{
-                flexDirection: "row",
-                justifyContent: "space-between",
-                marginBottom: 5,
-              }}>
-              <PhotoButton />
-              <PhotoButton />
-              <PhotoButton />
-            </View>
-            <View
-              style={{
-                flexDirection: "row",
-                justifyContent: "space-between",
-                marginTop: 5,
-              }}>
-              <PhotoButton />
-              <PhotoButton />
-              <PhotoButton />
-            </View>
+            <PhotoPanel />
           </View>
           {isIphoneX ? <View style={{ height: 30, width: "100%" }} /> : null}
         </ScrollView>