tina
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
import React, { Component } from 'react'
|
|
import {
|
|
View,
|
|
Switch
|
|
} from 'react-native'
|
|
import AppText from '../app-text'
|
|
import {
|
|
periodReminderObservable,
|
|
savePeriodReminder
|
|
} from '../../local-storage'
|
|
import styles from '../../styles/index'
|
|
import { settings as labels } from '../../copy/en/labels'
|
|
|
|
export default class PeriodReminderPicker extends Component {
|
|
constructor(props) {
|
|
super(props)
|
|
this.state = periodReminderObservable.value
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<View style={styles.settingsSegment}>
|
|
<AppText style={styles.settingsSegmentTitle}>
|
|
{labels.periodReminder.title}
|
|
</AppText>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
<View style={{ flex: 1 }}>
|
|
<AppText>{labels.periodReminder.reminderText}</AppText>
|
|
</View>
|
|
<Switch
|
|
value={this.state.enabled}
|
|
onValueChange={switchOn => {
|
|
this.setState({ enabled: switchOn })
|
|
savePeriodReminder({enabled: switchOn})
|
|
}}
|
|
/>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|
|
} |