Newer
Older
import { StyleSheet, View } from 'react-native'
import AppIcon from '../../common/app-icon'
import AppPage from '../../common/app-page'
import AppSwitch from '../../common/app-switch'
import AppText from '../../common/app-text'
// import TemperatureSlider from './temperature-slider'
import { useCervixObservable, saveUseCervix } from '../../../local-storage'
import { Colors, Spacing, Typography } from '../../../styles'
import labels from '../../../i18n/en/settings'
export default class Settings extends Component {
constructor(props) {
super(props)
shouldUseCervix: useCervixObservable.value
}
}
onCervixToggle = (value) => {
this.setState({ shouldUseCervix: value })
saveUseCervix(value)
}
const { shouldUseCervix } = this.state
const cervixText = shouldUseCervix ?
labels.useCervix.cervixModeOn : labels.useCervix.cervixModeOff
<AppSwitch
onToggle={this.onCervixToggle}
text={cervixText}
value={shouldUseCervix}
{/* disabled temporarily, TODO https://gitlab.com/bloodyhealth/drip/-/issues/545 */}
{/* <Segment title={labels.tempScale.segmentTitle}>
<AppText>{labels.tempScale.segmentExplainer}</AppText>
<TemperatureSlider />
</Segment> */}
<Segment last>
<View style={styles.line}>
<AppIcon
color={Colors.purple}
name="info-with-circle"
style={styles.icon}
<AppText style={styles.title}>{labels.preOvu.title}</AppText>
<AppText>{labels.preOvu.note}</AppText>
}
const styles = StyleSheet.create({
icon: {
marginRight: Spacing.base
line: {
flexDirection: 'row',
alignItems: 'center'
title: {
...Typography.subtitle
}