From a5265cb9a195bac5b26f7e83421990fecd5cd91d Mon Sep 17 00:00:00 2001 From: Julia Friesel <julia.friesel@gmail.com> Date: Tue, 5 Jun 2018 18:36:03 +0200 Subject: [PATCH] Add label in front of bleeding value --- day-view.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/day-view.js b/day-view.js index 586e177c..adea5668 100644 --- a/day-view.js +++ b/day-view.js @@ -20,10 +20,17 @@ export default class DayView extends Component { const navigate = this.props.navigation.navigate const day = this.state.cycleDay const bleedingValue = day.bleeding && day.bleeding.value + let bleedingLabel + if (typeof bleedingValue === 'number') { + bleedingLabel = `Bleeding: ${labels[bleedingValue]}` + } else { + bleedingLabel = '' + } + return ( <View style={styles.container}> <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text> - <Text style={styles.welcome}>{typeof bleedingValue === 'number' ? labels[bleedingValue] : ''}</Text> + <Text style={styles.welcome}>{bleedingLabel}</Text> <Button onPress={() => navigate('bleeding', { cycleDay: day })} title="Edit bleeding"> -- GitLab