Add external links from the Settings scene

.eslintrc.js

@@ -26,6 +26,7 @@ module.exports = {
     'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
     'semi': ['error', 'always'],
     'comma-dangle': ['error', 'always-multiline'],
+    'arrow-parens': ['error', 'always'],
     'no-console': 0,
   },
 };

.gitignore

@@ -51,3 +51,5 @@ android/app/libs
 fastlane/report.xml
 fastlane/Preview.html
 fastlane/screenshots
+
+TODO.md

config.js

@@ -1,5 +1,20 @@
-export default {
-  'theme': {
-    'colorBackground': '#f2f2f2',
-  },
+export const theme = {
+  'colorBackground': '#f2f2f2',
+};
+
+export const settings = {
+  'links': [
+    {
+      'label': 'About Project Magnet',
+      'url': 'https://trymagnet.org',
+    },
+    {
+      'label': 'Privacy Policy',
+      'url': 'https://trymagnet.org/privacy',
+    },
+    {
+      'label': 'Feedback',
+      'url': 'https://trymagnet.org/#contact',
+    },
+  ],
 };

index.android.js

@@ -3,7 +3,7 @@ import {
   AppRegistry,
   View,
 } from 'react-native';
-import theme from './config';
+import { theme } from './config';
 import AppProvider from './js/AppProvider';
 
 export default class MagnetJourney extends Component {

index.ios.js

@@ -3,7 +3,7 @@ import {
   AppRegistry,
   View,
 } from 'react-native';
-import theme from './config';
+import { theme } from './config';
 import AppProvider from './js/AppProvider';
 
 export default class MagnetJourney extends Component {

js/scenes/Settings.js

@@ -2,9 +2,13 @@ import React, { Component } from 'react';
 import {
   View,
   Text,
-  TouchableHighlight,
+  TouchableOpacity,
+  Linking,
+  StyleSheet,
 } from 'react-native';
 
+import { settings } from '../../config';
+
 export default class Settings extends Component {
   constructor(props) {
     super(props);
@@ -17,14 +21,34 @@ export default class Settings extends Component {
     this.navigator.pop();
   }
 
+  onItemPress(url) {
+    if (!url) {
+      return;
+    }
+    Linking.openURL(url).catch((err) => {
+      console.info(`Could not open url ${url} `, err);
+    });
+  }
+
   render() {
     return (
       <View>
         <Text>Settings scene</Text>
-        <TouchableHighlight
+
+        {settings.links.map((link, id) => (
+          <View key={id}>
+            <View style={styles.separator}/>
+            <TouchableOpacity
+              onPress={this.onItemPress.bind(this, link.url)}>
+              <Text>{link.label}</Text>
+            </TouchableOpacity>
+          </View>
+        ))}
+
+        <TouchableOpacity
           onPress={this.onBackPress}>
           <Text>Back</Text>
-        </TouchableHighlight>
+        </TouchableOpacity>
       </View>
     );
   }
@@ -33,3 +57,10 @@ export default class Settings extends Component {
 Settings.propTypes = {
   navigator: React.PropTypes.object,
 };
+
+const styles = StyleSheet.create({
+  separator: {
+    height: 1,
+    backgroundColor: '#eee',
+  },
+});