From 6c6d8ae03842054e50c0ea5dc724c0af5b2b859a Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 22 Aug 2018 19:38:53 +0200
Subject: [PATCH] Add reminder setting
---
components/home.js | 1 +
components/labels.js | 4 ++++
components/settings.js | 35 ++++++++++++++++++++++++++++++++++-
3 files changed, 39 insertions(+), 1 deletion(-)
diff --git a/components/home.js b/components/home.js
index 2962492d..d43521b2 100644
--- a/components/home.js
+++ b/components/home.js
@@ -9,6 +9,7 @@ import { LocalDate } from 'js-joda'
import styles from '../styles/index'
import cycleModule from '../lib/cycle'
import { getOrCreateCycleDay, bleedingDaysSortedByDate, fillWithDummyData, deleteAll } from '../db'
+import {NotificationsAndroid} from 'react-native-notifications'
const getCycleDayNumber = cycleModule().getCycleDayNumber
diff --git a/components/labels.js b/components/labels.js
index b249e378..5d4ac97b 100644
--- a/components/labels.js
+++ b/components/labels.js
@@ -42,6 +42,10 @@ export const settings = {
max: 'Max',
loadError: 'Could not load saved temperature scale settings',
saveError: 'Could not save temperature scale settings'
+ },
+ tempReminder: {
+ title: 'Temperature reminder',
+ explainer: 'Set a morning reminder to take your temperature'
}
}
diff --git a/components/settings.js b/components/settings.js
index f03aec91..c2b0f304 100644
--- a/components/settings.js
+++ b/components/settings.js
@@ -4,8 +4,11 @@ import {
TouchableOpacity,
ScrollView,
Alert,
- Text
+ Text,
+ TextInput,
+ Keyboard
} from 'react-native'
+import DateTimePicker from 'react-native-modal-datetime-picker-nevo'
import Slider from '@ptomasroos/react-native-multi-slider'
import Share from 'react-native-share'
import { DocumentPicker, DocumentPickerUtil } from 'react-native-document-picker'
@@ -18,9 +21,39 @@ import importCsv from '../lib/import-export/import-from-csv'
import { scaleObservable, saveTempScale } from '../local-storage'
export default class Settings extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {}
+ }
+
render() {
return (
<ScrollView>
+ <View style={styles.settingsSegment}>
+ <Text style={styles.settingsSegmentTitle}>
+ {settingsLabels.tempReminder.title}
+ </Text>
+ <Text>{settingsLabels.tempReminder.explainer}</Text>
+ <TextInput
+ style={styles.temperatureTextInput}
+ onFocus={() => {
+ Keyboard.dismiss()
+ this.setState({ isTimePickerVisible: true })
+ }}
+ value={this.state.time}
+ />
+ <DateTimePicker
+ mode="time"
+ isVisible={this.state.isTimePickerVisible}
+ onConfirm={jsDate => {
+ this.setState({
+ time: `${jsDate.getHours()}:${jsDate.getMinutes()}`,
+ isTimePickerVisible: false
+ })
+ }}
+ onCancel={() => this.setState({ isTimePickerVisible: false })}
+ />
+ </View>
<View style={styles.settingsSegment}>
<Text style={styles.settingsSegmentTitle}>
{settingsLabels.tempScale.segmentTitle}
--
GitLab