From d2282f66671edb4b88a0d84f509f7c6b33311c62 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sat, 2 Feb 2019 21:25:29 +0100
Subject: [PATCH] Use built-in numberOfLines prop instead of truncating by hand

---
 components/app-text.js                     |  1 +
 components/cycle-day/cycle-day-overview.js | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/app-text.js b/components/app-text.js
index 8311d39..079d9c7 100644
--- a/components/app-text.js
+++ b/components/app-text.js
@@ -7,6 +7,7 @@ export default function AppText(props) {
     <Text
       style={[styles.appText, props.style]}
       onPress={props.onPress}
+      numberOfLines={props.numberOfLines}
     >
       {props.children}
     </Text>
diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
index dd5dd10..75036c4 100644
--- a/components/cycle-day/cycle-day-overview.js
+++ b/components/cycle-day/cycle-day-overview.js
@@ -167,10 +167,7 @@ export default class CycleDayOverView extends Component {
     }
 
     const symptomValue = cycleDay[symptomName]
-    const label = l[symptomName](symptomValue)
-    if (!label) return
-    if (label.length < 45) return label
-    return label.slice(0, 42) + '...'
+    return l[symptomName](symptomValue)
   }
 
   render() {
@@ -293,7 +290,10 @@ class SymptomBox extends Component {
           </AppText>
         </View>
         <View style={[styles.symptomDataBox, disabledStyle]}>
-          <AppText style={styles.symptomDataText}>{this.props.data}</AppText>
+          <AppText
+            style={styles.symptomDataText}
+            numberOfLines={3}
+          >{this.props.data}</AppText>
         </View>
       </TouchableOpacity>
     )