Hyperlink activation

components/cycle-day/symptoms/info-symptom.js

@@ -1,8 +1,11 @@
 import React, { Component } from 'react'
 import { ScrollView } from 'react-native'
+import Hyperlink from 'react-native-hyperlink'
 import AppText from '../../app-text'
-import * as labels from '../../../i18n/en/symptom-info.js'
+import labels from '../../../i18n/en/symptom-info.js'
 import SettingsSegment from '../../settings/shared/settings-segment'
+import styles from '../../../styles/index'
+import replace from '../../helpers/replace-url-with-text'
 
 export default class InfoSymptom extends Component {
   render() {
@@ -11,6 +14,7 @@ export default class InfoSymptom extends Component {
       BleedingEditView: 'bleeding',
       CervixEditView: 'cervix',
       DesireEditView: 'desire',
+      MoodEditView: 'mood',
       MucusEditView: 'mucus',
       NoteEditView: 'note',
       PainEditView: 'pain',
@@ -21,8 +25,10 @@ export default class InfoSymptom extends Component {
 
     return (
       <ScrollView>
-        <SettingsSegment title={labels.symptomTitle[currentSymptom]}>
-          <AppText>{labels.symptomInfo[currentSymptom]}</AppText>
+        <SettingsSegment title={labels[currentSymptom].title}>
+          <Hyperlink linkStyle={styles.link} linkText={replace} linkDefault>
+            <AppText>{labels[currentSymptom].text}</AppText>
+          </Hyperlink>
         </SettingsSegment>
       </ScrollView>
     )