Add website

components/settings/about.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
-import { ScrollView } from 'react-native'
+import { View, ScrollView } from 'react-native'
 import Hyperlink from 'react-native-hyperlink'
 import AppText from '../app-text'
 import SettingsSegment from './settings-segment'
 import styles from '../../styles/index'
-import labels from '../../i18n/en/settings'
+import labels, { links } from '../../i18n/en/settings'
 import replace from '../helpers/replace-url-with-text'
 
 export default class AboutSection extends Component {
@@ -19,6 +19,16 @@ export default class AboutSection extends Component {
         <SettingsSegment title={`${labels.credits.title} `} style={styles.settingsSegmentLast}>
           <AppText>{`${labels.credits.note}`}</AppText>
         </SettingsSegment>
+        <View style={[styles.settingsSegment, styles.settingsSegmentLast]}>
+          <Hyperlink linkStyle={styles.link}>
+            <AppText style={styles.settingsSegmentTitle}>{`${labels.website.title} `}</AppText>
+            <AppText>{links.website.url}</AppText>
+          </Hyperlink>
+        </View>
+        <View style={[styles.settingsSegment, styles.settingsSegmentLast]}>
+          <AppText style={styles.settingsSegmentTitle}>{`${labels.version.title} `}</AppText>
+          <AppText>{require('../../package.json').version}</AppText>
+        </View>
       </ScrollView>
     )
   }

i18n/en/settings.js

@@ -11,6 +11,9 @@ export const links = {
   wiki: {
     url: 'https://gitlab.com/bloodyhealth/drip/wikis/home',
     text: 'wiki'
+  },
+  website: {
+    url: 'https://bloodyhealth.gitlab.io/'
   }
 }
 
@@ -125,6 +128,9 @@ You can contact us by email at bloodyhealth@mailbox.com.`
   version: {
     title: 'Version'
   },
+  website: {
+    title: 'Website'
+  },
   preOvu: {
     title: 'Infertile days at cycle start',
     note: `drip applies NFP's rules for calculating infertile days at the start of the cycle (see the ${links.wiki.url} for more info). However, drip does not currently apply the so called 20-day-rule, which determines infertile days at the cycle start from past cycle lengths in case no past symptothermal info is available.`