Add label in front of bleeding value
This commit is contained in:
+8
-1
@@ -20,10 +20,17 @@ export default class DayView extends Component {
|
|||||||
const navigate = this.props.navigation.navigate
|
const navigate = this.props.navigation.navigate
|
||||||
const day = this.state.cycleDay
|
const day = this.state.cycleDay
|
||||||
const bleedingValue = day.bleeding && day.bleeding.value
|
const bleedingValue = day.bleeding && day.bleeding.value
|
||||||
|
let bleedingLabel
|
||||||
|
if (typeof bleedingValue === 'number') {
|
||||||
|
bleedingLabel = `Bleeding: ${labels[bleedingValue]}`
|
||||||
|
} else {
|
||||||
|
bleedingLabel = ''
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={styles.container}>
|
<View style={styles.container}>
|
||||||
<Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
|
<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
|
<Button
|
||||||
onPress={() => navigate('bleeding', { cycleDay: day })}
|
onPress={() => navigate('bleeding', { cycleDay: day })}
|
||||||
title="Edit bleeding">
|
title="Edit bleeding">
|
||||||
|
|||||||
Reference in New Issue
Block a user