Add note symptom view

2018-07-24 11:19:58 +02:00
parent 2d3c74db02
commit d44b6c348e
4 changed files with 127 additions and 54 deletions
@@ -0,0 +1,53 @@
+import React, { Component } from 'react'
+import {
+  View,
+  Text,
+  TextInput,
+} from 'react-native'
+
+import styles from '../../../styles'
+import { saveSymptom } from '../../../db'
+
+export default class Temp extends Component {
+  constructor(props) {
+    super(props)
+    this.cycleDay = props.cycleDay
+    const note = this.cycleDay.note
+    this.makeActionButtons = props.makeActionButtons
+
+    this.state = {
+      currentValue: note && note.value || ''
+    }
+  }
+
+  render() {
+    console.log(this.cycleDay.note)
+    return (
+      <View style={styles.symptomEditView}>
+        <View style={styles.symptomViewRow}>
+          <Text style={styles.symptomDayView}>Note</Text>
+          <TextInput
+            multiline={true}
+            placeholder="Enter"
+            onChangeText={(val) => {
+              this.setState({ currentValue: val })
+            }}
+            value={this.state.currentValue}
+          />
+        </View>
+        <View style={styles.actionButtonRow}>
+          {this.makeActionButtons({
+            symptom: 'note',
+            cycleDay: this.cycleDay,
+            saveAction: () => {
+              saveSymptom('note', this.cycleDay, {
+                value: this.state.currentValue
+              })
+            },
+            saveDisabled: !this.state.currentValue
+          })}
+        </View>
+      </View>
+    )
+  }
+}