Create components and lib folder

2018-06-28 10:58:56 +02:00
parent 35f39291b8
commit 46040f1a77
12 changed files with 25 additions and 25 deletions
@@ -0,0 +1,91 @@
+import React, { Component } from 'react'
+import {
+  View,
+  Button,
+  Text
+} from 'react-native'
+import { LocalDate } from 'js-joda'
+import styles from '../styles'
+import cycleDayModule from '../lib/get-cycle-day-number'
+import { getOrCreateCycleDay, bleedingDaysSortedByDate, deleteAll } from '../db'
+
+const getCycleDayNumber = cycleDayModule()
+
+export default class Home extends Component {
+  constructor(props) {
+    super(props)
+    this.todayDateString = LocalDate.now().toString()
+    const cycleDayNumber = getCycleDayNumber(this.todayDateString)
+
+    this.state = {
+      welcomeText: determineWelcomeText(cycleDayNumber)
+    }
+
+    this.setStateWithCurrentWelcomeText = (function (HomeComponent) {
+      return function () {
+        HomeComponent.setState({
+          welcomeText: determineWelcomeText(getCycleDayNumber(HomeComponent.todayDateString))
+        })
+      }
+    })(this)
+
+    bleedingDaysSortedByDate.addListener(this.setStateWithCurrentWelcomeText)
+  }
+
+  componentWillUnmount() {
+    bleedingDaysSortedByDate.removeListener(this.setStateWithCurrentWelcomeText)
+  }
+
+  passTodayToDayView() {
+    const todayDateString = LocalDate.now().toString()
+    const cycleDay = getOrCreateCycleDay(todayDateString)
+    const navigate = this.props.navigation.navigate
+    navigate('cycleDay', { cycleDay })
+  }
+
+  render() {
+    const navigate = this.props.navigation.navigate
+    return (
+      <View style={ styles.homeContainerView }>
+        <View style={{flex: 2}}>
+          <View>
+            <Text style={styles.welcome}>{this.state.welcomeText}</Text>
+          </View>
+        </View>
+        <View style={ styles.homeButtonsView}>
+          <View>
+            <Button
+              onPress={() => this.passTodayToDayView()}
+              title="Edit symptoms for today">
+            </Button>
+          </View>
+          <View>
+            <Button
+              onPress={() => navigate('calendar')}
+              title="Go to calendar">
+            </Button>
+          </View>
+          <View>
+            <Button
+              onPress={() => navigate('chart')}
+              title="Go to chart">
+            </Button>
+          </View>
+          <View>
+            <Button
+              onPress={() => deleteAll()}
+              title="delete everything">
+            </Button>
+          </View>
+        </View>
+      </View>
+    )
+  }
+}
+
+function determineWelcomeText(cycleDayNumber) {
+  const welcomeTextWithCycleDay = `Welcome! Today is day ${cycleDayNumber} of your current cycle`
+  const welcomeText = `Welcome! We don't have enough information to know what your current cycle day is`
+  return cycleDayNumber ? welcomeTextWithCycleDay : welcomeText
+}
+