Introduces Reminders page redesign

components/settings/reminders/index.js

@@ -1,29 +0,0 @@
-import React, { Component } from 'react'
-import {
-  ScrollView,
-} from 'react-native'
-import Segment from '../../common/segment'
-import TempReminderPicker from './temp-reminder-picker'
-import PeriodReminderPicker from './period-reminder'
-
-import labels from '../../../i18n/en/settings'
-
-export default class Settings extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <ScrollView>
-        <Segment title={labels.tempReminder.title}>
-          <TempReminderPicker/>
-        </Segment>
-        <Segment title={labels.periodReminder.title}>
-          <PeriodReminderPicker/>
-        </Segment>
-      </ScrollView>
-    )
-  }
-}

components/settings/reminders/period-reminder.js

@@ -1,35 +0,0 @@
-import React, { Component } from 'react'
-import {
-  View,
-  Switch
-} from 'react-native'
-import AppText from '../../common/app-text'
-import {
-  periodReminderObservable,
-  savePeriodReminder
-} from '../../../local-storage'
-import labels from '../../../i18n/en/settings'
-
-export default class PeriodReminderPicker extends Component {
-  constructor(props) {
-    super(props)
-    this.state = periodReminderObservable.value
-  }
-
-  render() {
-    return (
-      <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>
-    )
-  }
-}

components/settings/reminders/temp-reminder-picker.js

@@ -1,73 +0,0 @@
-import React, { Component } from 'react'
-import {
-  View,
-  TouchableOpacity,
-  Switch
-} from 'react-native'
-import DateTimePicker from 'react-native-modal-datetime-picker-nevo'
-import AppText from '../../common/app-text'
-import {
-  tempReminderObservable,
-  saveTempReminder
-} from '../../../local-storage'
-import labels from '../../../i18n/en/settings'
-import padWithZeros from '../../helpers/pad-time-with-zeros'
-
-export default class TempReminderPicker extends Component {
-  constructor(props) {
-    super(props)
-    const { time, enabled } = tempReminderObservable.value
-    this.state = {
-      time,
-      enabled,
-      isTimePickerVisible: false
-    }
-  }
-
-  render() {
-    return (
-      <TouchableOpacity
-        style={{ flexDirection: 'row', alignItems: 'center' }}
-        onPress={() => this.setState({ isTimePickerVisible: true })}
-      >
-        <View style={{ flex: 1 }}>
-          {this.state.time && this.state.enabled ?
-            <AppText>{labels.tempReminder.timeSet(this.state.time)}</AppText>
-            :
-            <AppText>{labels.tempReminder.noTimeSet}</AppText>
-          }
-        </View>
-        <Switch
-          value={this.state.enabled}
-          onValueChange={switchOn => {
-            this.setState({ enabled: switchOn })
-            if (switchOn && !this.state.time) {
-              this.setState({ isTimePickerVisible: true })
-            }
-            if (!switchOn) saveTempReminder({ enabled: false })
-          }}
-        />
-        <DateTimePicker
-          mode="time"
-          isVisible={this.state.isTimePickerVisible}
-          onConfirm={jsDate => {
-            const time = padWithZeros(jsDate)
-            this.setState({
-              time,
-              isTimePickerVisible: false,
-              enabled: true
-            })
-            saveTempReminder({
-              time,
-              enabled: true
-            })
-          }}
-          onCancel={() => {
-            this.setState({ isTimePickerVisible: false })
-            if (!this.state.time) this.setState({enabled: false})
-          }}
-        />
-      </TouchableOpacity>
-    )
-  }
-}