Fix action buttons

components/cycle-day/action-buttons.js

@@ -5,26 +5,24 @@ import {
 } from 'react-native'
 import { saveSymptom } from '../../db'
 
-const dayView = 'DayView'
-
-export default function (showView) {
+export default function (navigateToOverView) {
   return function ({ symptom, cycleDay, saveAction, saveDisabled}) {
     const buttons = [
       {
         title: 'Cancel',
-        action: () => showView(dayView)
+        action: () => navigateToOverView()
       },
       {
         title: 'Delete',
         action: () => {
           saveSymptom(symptom, cycleDay)
-          showView(dayView)
+          navigateToOverView()
         }
       }, {
         title: 'Save',
         action: () => {
           saveAction()
-          showView(dayView)
+          navigateToOverView()
         },
         disabledCondition: saveDisabled
       }

components/cycle-day/symptoms/index.js

@@ -38,10 +38,9 @@ export default class SymptomView extends Component {
       cycleDay: props.navigation.state.params.cycleDay
     }
 
-    this.showView = view => {
-      this.setState({visibleComponent: view})
-    }
-    this.makeActionButtons = actionButtonModule(this.showView)
+    this.makeActionButtons = actionButtonModule(() => {
+      this.props.navigation.navigate('CycleDay', {cycleDay: this.state.cycleDay})
+    })
   }
 
   render() {