Julia Friesel
61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
import React, { Component } from 'react'
|
|
import { ScrollView } from 'react-native'
|
|
import Header from '../../header'
|
|
import actionButtonModule from '../action-buttons'
|
|
import BleedingEditView from './bleeding'
|
|
import TemperatureEditView from './temperature'
|
|
import MucusEditView from './mucus'
|
|
import CervixEditView from './cervix'
|
|
import NoteEditView from './note'
|
|
import DesireEditView from './desire'
|
|
import SexEditView from './sex'
|
|
|
|
const symptomViews = {
|
|
BleedingEditView,
|
|
TemperatureEditView,
|
|
MucusEditView,
|
|
CervixEditView,
|
|
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.navigation.state.params.symptom,
|
|
cycleDay: props.navigation.state.params.cycleDay
|
|
}
|
|
|
|
this.makeActionButtons = actionButtonModule(() => {
|
|
this.props.navigation.navigate('CycleDay', {cycleDay: this.state.cycleDay})
|
|
})
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<ScrollView>
|
|
<Header title={titles[this.state.visibleComponent]}/>
|
|
{React.createElement(
|
|
symptomViews[this.state.visibleComponent],
|
|
{
|
|
cycleDay: this.state.cycleDay,
|
|
makeActionButtons: this.makeActionButtons
|
|
}
|
|
)}
|
|
</ScrollView >
|
|
)
|
|
}
|
|
}
|