From f1b152bb5aaacbb0961ec6546675af95f3b50414 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Thu, 20 Dec 2018 14:59:49 +0100
Subject: [PATCH] Add icon

---
 components/settings/nfp-settings/index.js | 8 ++++++--
 i18n/en/settings.js                       | 2 +-
 styles/index.js                           | 4 ++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/settings/nfp-settings/index.js b/components/settings/nfp-settings/index.js
index 35d9a25..8375350 100644
--- a/components/settings/nfp-settings/index.js
+++ b/components/settings/nfp-settings/index.js
@@ -2,11 +2,12 @@ import React, { Component } from 'react'
 import {
   ScrollView, View
 } from 'react-native'
-import styles from '../../../styles'
+import styles, { iconStyles } from '../../../styles'
 import labels from '../../../i18n/en/settings'
 import AppText from '../../app-text'
 import TempSlider from './temp-slider'
 import UseCervixSetting from './use-cervix'
+import Icon from 'react-native-vector-icons/Entypo'
 
 export default class Settings extends Component {
   constructor(props) {
@@ -26,7 +27,10 @@ export default class Settings extends Component {
           <TempSlider/>
         </View>
         <View style={styles.settingsSegment}>
-          <AppText style={styles.settingsSegmentTitle}>{`${labels.preOvu.title} `}</AppText>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Icon name="info-with-circle" style={iconStyles.infoInHeading}/>
+            <AppText style={styles.settingsSegmentTitle}>{`${labels.preOvu.title} `}</AppText>
+          </View>
           <AppText>{`${labels.preOvu.note} `}</AppText>
         </View>
       </ScrollView>
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index 3351ffa..a37ca75 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -81,6 +81,6 @@ export default {
   },
   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 wiki 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."
+    note: "drip applies NFP's rules for calculating infertile days at the start of the cycle (see the wiki 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."
   }
 }
\ No newline at end of file
diff --git a/styles/index.js b/styles/index.js
index 852b6fb..d61b3b7 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -409,4 +409,8 @@ export const iconStyles = {
   menuIconInactive: {
     color: colorInActive,
   },
+  infoInHeading: {
+    marginRight: 5,
+    color: 'black'
+  }
 }
\ No newline at end of file