From a5265cb9a195bac5b26f7e83421990fecd5cd91d Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Tue, 5 Jun 2018 18:36:03 +0200
Subject: [PATCH] Add label in front of bleeding value

---
 day-view.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/day-view.js b/day-view.js
index 586e177..adea566 100644
--- a/day-view.js
+++ b/day-view.js
@@ -20,10 +20,17 @@ export default class DayView extends Component {
     const navigate = this.props.navigation.navigate
     const day = this.state.cycleDay
     const bleedingValue = day.bleeding && day.bleeding.value
+    let bleedingLabel
+    if (typeof bleedingValue === 'number') {
+      bleedingLabel = `Bleeding: ${labels[bleedingValue]}`
+    } else {
+      bleedingLabel = ''
+    }
+
     return (
       <View style={styles.container}>
         <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
-        <Text style={styles.welcome}>{typeof bleedingValue === 'number' ? labels[bleedingValue] : ''}</Text>
+        <Text style={styles.welcome}>{bleedingLabel}</Text>
         <Button
           onPress={() => navigate('bleeding', { cycleDay: day })}
           title="Edit bleeding">