From 9c56c044327a4b5a979724f0f1e3b04f8e1e3856 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Mon, 28 Jan 2019 01:34:50 +0100
Subject: [PATCH] Implements SettingsSegment Boxes for info symptom texts

---
 components/cycle-day/symptoms/info-symptom.js | 25 +++++--------------
 1 file changed, 6 insertions(+), 19 deletions(-)

diff --git a/components/cycle-day/symptoms/info-symptom.js b/components/cycle-day/symptoms/info-symptom.js
index dc8f365..cf73543 100644
--- a/components/cycle-day/symptoms/info-symptom.js
+++ b/components/cycle-day/symptoms/info-symptom.js
@@ -1,11 +1,8 @@
 import React, { Component } from 'react'
-import {
-  View,
-  ScrollView
-} from 'react-native'
-import styles from '../../../styles'
+import { ScrollView } from 'react-native'
 import AppText from '../../app-text'
 import * as labels from '../../../i18n/en/symptom-info.js'
+import SettingsSegment from '../../settings/shared/settings-segment'
 
 export default class InfoSymptom extends Component {
   render() {
@@ -21,22 +18,12 @@ export default class InfoSymptom extends Component {
       TemperatureEditView: 'temperature'
     }
     const currentSymptom = symptomMapping[symptomView]
-    const currentSymptomText = labels.symptomInfo[currentSymptom]
-    const currentSymptomTitle = labels.symptomTitle[currentSymptom]
+
     return (
       <ScrollView>
-        <View style={[styles.textWrappingView]}>
-          <AppText style={styles.title}>
-            {currentSymptomTitle}
-          </AppText>
-          <AppText style={styles.paragraph}>
-            {currentSymptomText}
-            {labels.symptomTitle.currentSymptomTitle}
-          </AppText>
-          <AppText style={styles.paragraph}>
-            {labels.symptomInfo.currentSymptomText}
-          </AppText>
-        </View>
+        <SettingsSegment title={labels.symptomTitle[currentSymptom]}>
+          <AppText>{labels.symptomInfo[currentSymptom]}</AppText>
+        </SettingsSegment>
       </ScrollView>
     )
   }