Skip to content
Snippets Groups Projects
index.js 2.05 KiB
Newer Older
Julia Friesel's avatar
Julia Friesel committed
import React, { Component } from 'react'
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 Segment from '../../common/segment'
import { useCervixObservable, saveUseCervix } from '../../../local-storage'
Maria Zadnepryanets's avatar
Maria Zadnepryanets committed
import { Colors, Spacing, Typography } from '../../../styles'
import labels from '../../../i18n/en/settings'
Julia Friesel's avatar
Julia Friesel committed

export default class Settings extends Component {
  constructor(props) {
    super(props)
      shouldUseCervix: useCervixObservable.value
    }
  }

  onCervixToggle = (value) => {
    this.setState({ shouldUseCervix: value })
Julia Friesel's avatar
Julia Friesel committed
  render() {
    const { shouldUseCervix } = this.state
    const cervixText = shouldUseCervix ?
      labels.useCervix.cervixModeOn : labels.useCervix.cervixModeOff
Julia Friesel's avatar
Julia Friesel committed
    return (
        <Segment title={labels.useCervix.title}>
          <AppSwitch
            onToggle={this.onCervixToggle}
            text={cervixText}
        </Segment>
        {/* disabled temporarily, TODO https://gitlab.com/bloodyhealth/drip/-/issues/545 */}
        {/* <Segment title={labels.tempScale.segmentTitle}>
Julia Friesel's avatar
Julia Friesel committed
          <AppText>{labels.tempScale.segmentExplainer}</AppText>
        <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>
Julia Friesel's avatar
Julia Friesel committed
          </View>
          <AppText>{labels.preOvu.note}</AppText>
        </Segment>

const styles = StyleSheet.create({
  icon: {
    marginRight: Spacing.base
  line: {
    flexDirection: 'row',
    alignItems: 'center'