On temperature view, replace menu with action buttons

components/cycle-day/symptoms/index.js

@@ -1,7 +1,3 @@
-import React, { Component } from 'react'
-import { ScrollView, BackHandler } from 'react-native'
-import Header from '../../header'
-import actionButtonModule from '../action-buttons'
 import BleedingEditView from './bleeding'
 import TemperatureEditView from './temperature'
 import MucusEditView from './mucus'
@@ -10,7 +6,7 @@ import NoteEditView from './note'
 import DesireEditView from './desire'
 import SexEditView from './sex'
 
-const symptomViews = {
+export default {
   BleedingEditView,
   TemperatureEditView,
   MucusEditView,
@@ -18,54 +14,4 @@ const symptomViews = {
   NoteEditView,
   DesireEditView,
   SexEditView
-}
-const titles = {
-  BleedingEditView: 'Bleeding',
-  TemperatureEditView: 'Temperature',
-  MucusEditView: 'Mucus',
-  CervixEditView: 'Cervix',
-  NoteEditView: 'Note',
-  DesireEditView: 'Desire',
-  SexEditView: 'Sex'
-}
-
-export default class SymptomView extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      visibleComponent: props.symptom,
-      cycleDay: props.cycleDay
-    }
-
-    this.makeActionButtons = actionButtonModule(() => {
-      this.props.navigate('CycleDay', {cycleDay: this.state.cycleDay})
-    })
-
-    const handleBackButtonPress = function() {
-      this.props.navigate('CycleDay', {cycleDay: this.state.cycleDay})
-      return true
-    }.bind(this)
-
-    this.backHandler = BackHandler.addEventListener('hardwareBackPress', handleBackButtonPress)
-  }
-
-  componentWillUnmount() {
-    this.backHandler.remove()
-  }
-
-  render() {
-    return (
-      <ScrollView>
-        <Header title={titles[this.state.visibleComponent]}/>
-        {React.createElement(
-          symptomViews[this.state.visibleComponent],
-          {
-            cycleDay: this.state.cycleDay,
-            makeActionButtons: this.makeActionButtons
-          }
-        )}
-      </ScrollView >
-    )
-  }
-}
+}