Edit temperature, save value to db, show on dayview

2018-06-06 16:14:08 +02:00
parent 933b64056a
commit 2f58db84c8
6 changed files with 109 additions and 83 deletions
@@ -0,0 +1,76 @@
+import React, { Component } from 'react'
+import {
+  View,
+  Text,
+  Button,
+  TextInput,
+  Switch
+} from 'react-native'
+
+import styles from './styles'
+import { saveTemperature } from './db'
+import { formatDateForViewHeader } from './format'
+import getCycleDay from './get-cycle-day'
+
+export default class Temp extends Component {
+  constructor(props) {
+    super(props)
+    const cycleDay = props.navigation.state.params.cycleDay
+    console.log(cycleDay.temperature ? cycleDay.temperature.value : '')
+    this.state = {
+      cycleDay,
+      currentValue: cycleDay.temperature ? cycleDay.temperature.value.toString() : '',
+      exclude: cycleDay.temperature ? cycleDay.temperature.exclude : false
+    }
+  }
+
+  render() {
+    const navigate = this.props.navigation.navigate
+    const cycleDay = this.state.cycleDay
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>{formatDateForViewHeader(cycleDay.date)}</Text>
+        <Text>Cycle day {getCycleDay()}</Text>
+        <Text>Temperature</Text>
+        <TextInput
+          placeholder="Enter temperature"
+          onChangeText={(val) => {
+            this.setState({currentValue: val})
+          }}
+          keyboardType='numeric'
+          value = {this.state.currentValue}
+        />
+        <Text>Exclude</Text>
+        <Switch
+          onValueChange = {(val) => {
+            this.setState({ exclude: val })
+          }}
+          value = { this.state.exclude }
+        />
+        <Button
+          onPress={() => {
+            navigate('dayView', { cycleDay })
+          }}
+          title="Cancel">
+        </Button>
+        <Button
+          onPress={() => {
+            saveTemperature(cycleDay)
+            navigate('dayView', { cycleDay })
+          }}
+          title="Delete entry">
+        </Button>
+        <Button
+          onPress={() => {
+            saveTemperature(cycleDay, {
+              value: Number(this.state.currentValue),
+              exclude: this.state.exclude
+            })
+            navigate('dayView', { cycleDay })
+          }}
+          title="Save">
+        </Button>
+      </View>
+    )
+  }
+}