From c4f68e6065d5b9320e9d0d6d1e323a5138d1dfb1 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Tue, 5 Jun 2018 18:18:57 +0200
Subject: [PATCH] Display persisted bleeding value in edit view

---
 bleeding.js | 18 ++++++++++++++++--
 day-view.js |  2 +-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/bleeding.js b/bleeding.js
index b755910..7690e33 100644
--- a/bleeding.js
+++ b/bleeding.js
@@ -13,9 +13,10 @@ import { bleeding as labels } from './labels'
 export default class Bleeding extends Component {
   constructor(props) {
     super(props)
+    const cycleDay = props.navigation.state.params.cycleDay
     this.state = {
-      cycleDay: props.navigation.state.params.cycleDay,
-      currentValue: "1"
+      cycleDay,
+      currentValue: Number((cycleDay.bleeding && cycleDay.bleeding.value) || 0).toString()
     }
   }
 
@@ -38,6 +39,19 @@ export default class Bleeding extends Component {
           <Picker.Item label={labels[2]} value="2" />
           <Picker.Item label={labels[3]} value="3" />
         </Picker>
+        <Button
+          onPress={() => {
+            navigate('dayView', { cycleDay: day })
+          }}
+          title="Cancel">
+        </Button>
+        <Button
+          onPress={() => {
+            saveBleeding(day)
+            navigate('dayView', { cycleDay: day })
+          }}
+          title="Delete entry">
+        </Button>
         <Button
           onPress={() => {
             saveBleeding(day, {
diff --git a/day-view.js b/day-view.js
index 4b7c626..586e177 100644
--- a/day-view.js
+++ b/day-view.js
@@ -23,7 +23,7 @@ export default class DayView extends Component {
     return (
       <View style={styles.container}>
         <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
-        <Text style={styles.welcome}>{bleedingValue != undefined ? labels[bleedingValue] : ''}</Text>
+        <Text style={styles.welcome}>{typeof bleedingValue === 'number' ? labels[bleedingValue] : ''}</Text>
         <Button
           onPress={() => navigate('bleeding', { cycleDay: day })}
           title="Edit bleeding">