From a5b7e1064e0b654dfe3c91e03f54c941e1903cac Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Mon, 27 Aug 2018 09:41:07 +0200
Subject: [PATCH] Pad time value with 0s
---
components/settings.js | 34 ++++++++++++++++++++++------------
1 file changed, 22 insertions(+), 12 deletions(-)
diff --git a/components/settings.js b/components/settings.js
index c2b0f304..5681bd3d 100644
--- a/components/settings.js
+++ b/components/settings.js
@@ -29,31 +29,31 @@ export default class Settings extends Component {
render() {
return (
<ScrollView>
- <View style={styles.settingsSegment}>
+ <TouchableOpacity
+ style={styles.settingsSegment}
+ onPress={() => this.setState({ isTimePickerVisible: true })}
+ >
<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}
- />
+ {this.state.time ?
+ <Text>{settingsLabels.tempReminder.explainerChange}</Text>
+ :
+ <Text>{settingsLabels.tempReminder.explainer}</Text>
+ }
+ <Text>{this.state.time}</Text>
<DateTimePicker
mode="time"
isVisible={this.state.isTimePickerVisible}
onConfirm={jsDate => {
this.setState({
- time: `${jsDate.getHours()}:${jsDate.getMinutes()}`,
+ time: padWithZeros(`${jsDate.getHours()}:${jsDate.getMinutes()}`),
isTimePickerVisible: false
})
}}
onCancel={() => this.setState({ isTimePickerVisible: false })}
/>
- </View>
+ </TouchableOpacity>
<View style={styles.settingsSegment}>
<Text style={styles.settingsSegmentTitle}>
{settingsLabels.tempScale.segmentTitle}
@@ -232,3 +232,13 @@ function importError(msg) {
const postFixed = `${msg}\n\n${settingsLabels.import.errors.postFix}`
alertError(postFixed)
}
+
+function padWithZeros(time) {
+ const vals = time.split(':')
+ return vals.map(val => {
+ if (parseInt(val) < 10) {
+ val = `0${val}`
+ }
+ return val
+ }).join(':')
+}
\ No newline at end of file
--
GitLab