From b53be31868635f619c6832a8162b99b8a9cbe870 Mon Sep 17 00:00:00 2001
From: wunderfisch <wunderfisch@posteo.de>
Date: Mon, 15 Jan 2024 18:05:54 +0100
Subject: [PATCH] functionality that disables the next-periode-reminder-switch
 if menstrual bleeding shall not be predicted (new customization feature).
 also an alert pops up when the user still tries to press the disabled toggle
 or the text area next to it

---
 components/common/app-switch.js            |  4 ++-
 components/settings/reminders/reminders.js | 30 +++++++++++++++++-----
 i18n/en/settings.js                        |  5 ++++
 3 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/components/common/app-switch.js b/components/common/app-switch.js
index ce835a6..3c100fe 100644
--- a/components/common/app-switch.js
+++ b/components/common/app-switch.js
@@ -6,7 +6,7 @@ import AppText from './app-text'
 
 import { Containers } from '../../styles'
 
-const AppSwitch = ({ onToggle, text, value, trackColor }) => {
+const AppSwitch = ({ onToggle, text, value, trackColor, disabled }) => {
   return (
     <View style={styles.container}>
       <View style={styles.textContainer}>
@@ -17,6 +17,7 @@ const AppSwitch = ({ onToggle, text, value, trackColor }) => {
         style={styles.switch}
         value={value}
         trackColor={trackColor}
+        disabled={disabled}
       />
     </View>
   )
@@ -27,6 +28,7 @@ AppSwitch.propTypes = {
   text: PropTypes.string,
   value: PropTypes.bool,
   trackColor: PropTypes.string,
+  disabled: PropTypes.bool,
 }
 
 const styles = StyleSheet.create({
diff --git a/components/settings/reminders/reminders.js b/components/settings/reminders/reminders.js
index 08e2451..65349f9 100644
--- a/components/settings/reminders/reminders.js
+++ b/components/settings/reminders/reminders.js
@@ -8,11 +8,15 @@ 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
   )
@@ -21,15 +25,27 @@ const Reminders = () => {
     savePeriodReminder({ enabled: isEnabled })
   }
 
+  const reminderDisabledPrompt = () => {
+    if (!periodPredictionObservable.value) {
+      Alert.alert(
+        labels.periodReminder.alertNoPeriodeReminder.title,
+        labels.periodReminder.alertNoPeriodeReminder.message
+      )
+    }
+  }
+
   return (
     <AppPage>
-      <Segment title={labels.periodReminder.title}>
-        <AppSwitch
-          onToggle={periodReminderToggle}
-          text={labels.periodReminder.reminderText}
-          value={isPeriodReminderEnabled}
-        />
-      </Segment>
+      <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>
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index a71feb4..efe88b7 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -50,6 +50,11 @@ export default {
       'Get a notification 3 days before your next period is likely to start.',
     notification: (daysToEndOfPrediction) =>
       `Your next period is likely to start in 3 to ${daysToEndOfPrediction} days.`,
+    alertNoPeriodeReminder: {
+      title: 'Periode Prediction switched off',
+      message:
+        'To use the periode reminder please first enable periode prediction in the customization settings.',
+    },
   },
   useCervix: {
     title: 'Secondary symptom',