Add license text

components/settings/index.js

@@ -3,7 +3,8 @@ import NfpSettings from './nfp-settings'
 import DataManagement from './data-management'
 import Password from './password'
 import About from './about'
+import License from './license'
 
 export default {
-  Reminders, NfpSettings, DataManagement, Password, About
+  Reminders, NfpSettings, DataManagement, Password, About, License
 }

components/settings/license.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react'
+import { View, ScrollView } from 'react-native'
+import Hyperlink from 'react-native-hyperlink'
+import AppText from '../app-text'
+import styles from '../../styles/index'
+import labels from '../../i18n/en/settings'
+import replace from '../helpers/replace-url-with-text'
+
+export default class License extends Component {
+  render() {
+    return (
+      <ScrollView>
+        <View style={styles.settingsSegment}>
+          <Hyperlink linkStyle={styles.link} linkText={replace}>
+            <AppText style={styles.settingsSegmentTitle}>{`${labels.license.title} `}</AppText>
+            <AppText>{`${labels.license.text} `}</AppText>
+          </Hyperlink>
+        </View>
+      </ScrollView>
+    )
+  }
+}

components/settings/settings-menu.js

@@ -14,7 +14,8 @@ const menu = [
   {title: labels.nfpSettings, component: 'NfpSettings'},
   {title: labels.dataManagement, component: 'DataManagement'},
   {title: labels.password, component: 'Password'},
-  {title: labels.about, component: 'About'}
+  {title: labels.about, component: 'About'},
+  {title: labels.license, component: 'License'}
 ]
 
 export default function SettingsMenu(props) {