From 0c92c85baf375872e46f353bb5ff60f640267817 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sun, 15 Jul 2018 22:32:47 +0200
Subject: [PATCH] Simplify overview page markup
---
components/cycle-day/cycle-day-overview.js | 81 ++++++++++++++++++++++
1 file changed, 81 insertions(+)
create mode 100644 components/cycle-day/cycle-day-overview.js
diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
new file mode 100644
index 00000000..67415985
--- /dev/null
+++ b/components/cycle-day/cycle-day-overview.js
@@ -0,0 +1,81 @@
+import React, { Component } from 'react'
+import {
+ View,
+ Button,
+ Text
+} from 'react-native'
+import styles from '../../styles'
+import { bleeding as labels} from './labels/labels'
+import cycleDayModule from '../../lib/get-cycle-day-number'
+import { bleedingDaysSortedByDate } from '../../db'
+
+const getCycleDayNumber = cycleDayModule()
+
+export default class DayView extends Component {
+ constructor(props) {
+ super(props)
+ this.cycleDay = props.cycleDay
+ this.showView = props.showView
+ this.state = {
+ cycleDayNumber: getCycleDayNumber(this.cycleDay.date),
+ }
+
+ this.setStateWithCurrentCycleDayNumber = (function (DayViewComponent) {
+ return function () {
+ DayViewComponent.setState({
+ cycleDayNumber: getCycleDayNumber(DayViewComponent.cycleDay.date)
+ })
+ }
+ })(this)
+
+ bleedingDaysSortedByDate.addListener(this.setStateWithCurrentCycleDayNumber)
+ }
+
+ componentWillUnmount() {
+ bleedingDaysSortedByDate.removeListener(this.setStateWithCurrentCycleDayNumber)
+ }
+
+ render() {
+ const bleedingValue = this.cycleDay.bleeding && this.cycleDay.bleeding.value
+ let bleedingLabel
+ if (typeof bleedingValue === 'number') {
+ bleedingLabel = `${labels[bleedingValue]}`
+ if (this.cycleDay.bleeding.exclude) bleedingLabel = "( " + bleedingLabel + " )"
+ } else {
+ bleedingLabel = 'edit'
+ }
+ const temperatureValue = this.cycleDay.temperature && this.cycleDay.temperature.value
+ let temperatureLabel
+ if (typeof temperatureValue === 'number') {
+ temperatureLabel = `${temperatureValue} °C - ${this.cycleDay.temperature.time}`
+ if (this.cycleDay.temperature.exclude) {
+ temperatureLabel = "( " + temperatureLabel + " )"
+ }
+ } else {
+ temperatureLabel = 'edit'
+ }
+
+ return (
+ <View style={styles.symptomEditView}>
+ <View style={styles.symptomViewRowInline}>
+ <Text style={styles.symptomDayView}>Bleeding</Text>
+ <View style={styles.symptomEditButton}>
+ <Button
+ onPress={() => this.showView('bleedingEditView')}
+ title={bleedingLabel}>
+ </Button>
+ </View>
+ </View>
+ <View style={styles.symptomViewRowInline}>
+ <Text style={styles.symptomDayView}>Temperature</Text>
+ <View style={styles.symptomEditButton}>
+ <Button
+ onPress={() => this.showView('temperatureEditView')}
+ title={temperatureLabel}>
+ </Button>
+ </View>
+ </View>
+ </View >
+ )
+ }
+}
\ No newline at end of file
--
GitLab