create settings segment component, create new section on settings page

2019-01-03 16:15:18 +01:00
parent 4a29ef6c09
commit a359f8b8fc
13 changed files with 70 additions and 62 deletions
@@ -0,0 +1,35 @@
+import React from 'react'
+import { ScrollView } from 'react-native'
+import labels from '../../../i18n/en/settings'
+import AppText from '../../app-text'
+import SettingsSegment from '../settings-segment'
+import SettingsButton from '../settings-button'
+import openImportDialogAndImport from './import-dialog'
+import openShareDialogAndExport from './export-dialog'
+
+const Settings = () => {
+  return (
+    <ScrollView>
+      <SettingsSegment title={labels.export.button}>
+        <AppText>{labels.export.segmentExplainer}</AppText>
+        <SettingsButton onPress={openShareDialogAndExport}>
+          {labels.export.button}
+        </SettingsButton>
+      </SettingsSegment>
+      <SettingsSegment title={labels.import.button}>
+        <AppText>{labels.import.segmentExplainer}</AppText>
+        <SettingsButton onPress={openImportDialogAndImport}>
+          {labels.import.button}
+        </SettingsButton>
+      </SettingsSegment>
+      <SettingsSegment title={labels.deleteSegment.title}>
+        <AppText>{labels.deleteSegment.explainer}</AppText>
+        <SettingsButton onPress={openImportDialogAndImport}>
+          {labels.deleteSegment.title}
+        </SettingsButton>
+      </SettingsSegment>
+    </ScrollView>
+  )
+}
+
+export default Settings