Fix bugs with image size and AR view production build

mobile/src/ui/Icon.js

@@ -1,19 +1,20 @@
-import React, { Component } from 'react'
-import { Image, View } from 'react-native'
-import PropTypes from 'prop-types'
+import React, { Component } from "react"
+import { Image, View } from "react-native"
+import PropTypes from "prop-types"
 
 const images = {
-  logout: require('./images/logout.png'),
-  glasses: require('./images/ar-glasses.png'),
-  back: require('./images/back.png'),
-  hand: require('./images/hand.png'),
-  center: require('./images/center.png'),
-  rightArrow: require('./images/right-arrow.png'),
-  search: require('./images/search.png'),
-  settings: require('./images/settings.png'),
-  add: require('./images/add.png'),
-  done: require('./images/done.png'),
-  target: require('./images/target.png'),
+  logout: require("./images/logout.png"),
+  glasses: require("./images/ar-glasses.png"),
+  back: require("./images/back.png"),
+  hand: require("./images/hand.png"),
+  center: require("./images/center.png"),
+  rightArrow: require("./images/right-arrow.png"),
+  search: require("./images/search.png"),
+  settings: require("./images/settings.png"),
+  add: require("./images/add.png"),
+  done: require("./images/done.png"),
+  target: require("./images/target.png"),
+  pin: require("./images/pin.png"),
 }
 
 export class Icon extends Component {
@@ -31,13 +32,19 @@ export class Icon extends Component {
 
   render() {
     let { name, margin, style } = this.props
-    let size = this.props.size - (margin * 2)
+    let size = this.props.size - margin * 2
     let source = images[name]
 
     if (!source) {
       return <View style={{ width: size, height: size, margin }} />
     } else {
-      return <Image style={[{ width: size, height: size, margin }, style]} source={source} resizeMode='stretch' />
+      return (
+        <Image
+          style={[{ width: size, height: size, margin }, style]}
+          source={source}
+          resizeMode="stretch"
+        />
+      )
     }
   }
 }