Split settings view up

2018-12-19 09:53:37 +01:00
parent f7fc65507e
commit 1c9eea3aa0
16 changed files with 210 additions and 119 deletions
@@ -0,0 +1,38 @@
+import React from 'react'
+import {
+  TouchableOpacity,
+  ScrollView,
+} from 'react-native'
+import styles from '../../styles/index'
+import { settings as settingsLabels } from '../../i18n/en/settings'
+import AppText from '../app-text'
+
+const labels = settingsLabels.menuTitles
+
+const menu = [
+  {title: labels.reminders, component: 'Reminders'},
+  {title: labels.nfpSettings, component: 'NfpSettings'},
+  {title: labels.importExport, component: 'ImportExport'},
+  {title: labels.password, component: 'Password'},
+  {title: labels.about, component: 'About'}
+]
+
+export default function SettingsMenu(props) {
+  return (
+    <ScrollView>
+      { menu.map(menuItem)}
+    </ScrollView>
+  )
+
+  function menuItem(item) {
+    return (
+      <TouchableOpacity
+        style={styles.settingsSegment}
+        key={item.title}
+        onPress={() => props.navigate(item.component)}
+      >
+        <AppText>{item.title}</AppText>
+      </TouchableOpacity>
+    )
+  }
+}