Add edit bleeding and persist it.

2018-06-05 16:37:06 +02:00
parent ecc4acf366
commit 090f4116d5
7 changed files with 141 additions and 13 deletions
@@ -0,0 +1,52 @@
+import React, { Component } from 'react'
+import {
+  View,
+  Button,
+  Text,
+  Picker
+} from 'react-native'
+import styles from './styles'
+import { saveBleeding } from './db'
+import { formatDateForViewHeader } from './format'
+
+export default class Bleeding extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      cycleDay: props.navigation.state.params.cycleDay,
+      currentValue: null
+    }
+  }
+
+  // TODO display cycle day
+  render() {
+    const navigate = this.props.navigation.navigate
+    const day = this.state.cycleDay
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
+        <Picker
+          selectedValue={this.state.currentValue}
+          style={{ height: 50, width: 100 }}
+          onValueChange={(itemValue) => {
+            this.setState({ currentValue: itemValue })
+          }}>
+          <Picker.Item label="spotting" value="1" />
+          <Picker.Item label="light" value="2" />
+          <Picker.Item label="medium" value="3" />
+          <Picker.Item label="heavy" value="4" />
+        </Picker>
+        <Button
+          onPress={() => {
+            saveBleeding(day, {
+              value: Number(this.state.currentValue),
+              exclude: false
+            })
+            navigate('dayView', { cycleDay: day })
+          }}
+          title="Save">
+        </Button>
+      </View>
+    )
+  }
+}