From d8b53da134d2b0cf5fabef292b30c740c2a90aef Mon Sep 17 00:00:00 2001
From: Lisa Hillebrand <lisa@Lisas-MacBook-Pro.local>
Date: Sun, 9 Dec 2018 18:10:39 +0100
Subject: [PATCH] Added about section to settings

---
 components/settings/about.js | 17 +++++++++++++++++
 components/settings/index.js |  2 ++
 i18n/en/settings.js          |  4 ++++
 3 files changed, 23 insertions(+)
 create mode 100644 components/settings/about.js

diff --git a/components/settings/about.js b/components/settings/about.js
new file mode 100644
index 0000000..85a7721
--- /dev/null
+++ b/components/settings/about.js
@@ -0,0 +1,17 @@
+import React, { Component } from 'react'
+import {
+  View
+} from 'react-native'
+import AppText from '../app-text'
+import styles from '../../styles/index'
+import { settings as labels } from '../../i18n/en/settings'
+export default class AboutSection extends Component {
+  render() {
+    return (
+      <View style={styles.settingsSegment}>
+        <AppText style={styles.settingsSegmentTitle}>{`${labels.aboutSection.title} `}</AppText>
+        <AppText>{`${labels.aboutSection.segmentExplainer} `}</AppText>
+      </View>
+    )
+  }
+}
diff --git a/components/settings/index.js b/components/settings/index.js
index b91acbc..8091867 100644
--- a/components/settings/index.js
+++ b/components/settings/index.js
@@ -10,6 +10,7 @@ import AppText from '../app-text'
 import TempReminderPicker from './temp-reminder-picker'
 import PeriodReminderPicker from './period-reminder'
 import TempSlider from './temp-slider'
+import AboutSection from './about'
 import openImportDialogAndImport from './import-dialog'
 import openShareDialogAndExport from './export-dialog'
 import PasswordSetting from './password'
@@ -61,6 +62,7 @@ export default class Settings extends Component {
             </AppText>
           </TouchableOpacity>
         </View>
+        <AboutSection/>
       </ScrollView>
     )
   }
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index eef6615..cc30955 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -67,5 +67,9 @@ export const settings = {
     backupReminder: 'Just to be safe, please backup your data using the export function before making changes to your password.\n\nLonger passwords are better! Consider using a passphrase.\n\nPlease also make sure you do not lose your password. There is no way to recover your data if you do.\n\nMaking any changes to your password setting will keep your data as it was before and restart the app.',
     deleteBackupReminderTitle: 'Read this before deleting your password',
     deleteBackupReminder: 'Deleting your password means your data will no longer be encrypted.\n\nJust to be safe, please backup your data using the export function before deleting your password.\n\nMaking any changes to your password setting will keep your data as it was before and restart the app.',
+  },
+  aboutSection: {
+    title: 'About',
+    segmentExplainer: 'Please note that your data is stored locally on your phone and not on a server. We want to ensure that you stay in control of those sensitive information. If you are planning to switch or reset your phone, please remember to export your data before doing so. You can reinstall the app afterwards and import your data.\n\nIf you encounter any technical issues, don\'t hesitate to contact us via email (bl00dyhealth@mailbox.org). You can also contribute to the code base on GitLab (https://gitlab.com/bloodyhealth/drip/).',
   }
 }
\ No newline at end of file