bl00dymarie
57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
import React, { useState } from 'react'
|
|
|
|
import AppPage from '../../common/app-page'
|
|
import AppSwitch from '../../common/app-switch'
|
|
import Segment from '../../common/segment'
|
|
import TemperatureReminder from './temperature-reminder'
|
|
|
|
import {
|
|
periodReminderObservable,
|
|
savePeriodReminder,
|
|
periodPredictionObservable,
|
|
} from '../../../local-storage'
|
|
|
|
import labels from '../../../i18n/en/settings'
|
|
import { Alert, Pressable } from 'react-native'
|
|
|
|
const Reminders = () => {
|
|
const isPeriodPredictionDisabled = !periodPredictionObservable.value
|
|
|
|
const [isPeriodReminderEnabled, setIsPeriodReminderEnabled] = useState(
|
|
periodReminderObservable.value.enabled
|
|
)
|
|
const periodReminderToggle = (isEnabled) => {
|
|
setIsPeriodReminderEnabled(isEnabled)
|
|
savePeriodReminder({ enabled: isEnabled })
|
|
}
|
|
|
|
const reminderDisabledPrompt = () => {
|
|
if (!periodPredictionObservable.value) {
|
|
Alert.alert(
|
|
labels.periodReminder.alertNoPeriodReminder.title,
|
|
labels.periodReminder.alertNoPeriodReminder.message
|
|
)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<AppPage>
|
|
<Pressable onPress={reminderDisabledPrompt}>
|
|
<Segment title={labels.periodReminder.title}>
|
|
<AppSwitch
|
|
onToggle={periodReminderToggle}
|
|
text={labels.periodReminder.reminderText}
|
|
value={isPeriodReminderEnabled}
|
|
disabled={isPeriodPredictionDisabled}
|
|
/>
|
|
</Segment>
|
|
</Pressable>
|
|
<Segment title={labels.tempReminder.title} last>
|
|
<TemperatureReminder />
|
|
</Segment>
|
|
</AppPage>
|
|
)
|
|
}
|
|
|
|
export default Reminders
|