From ae3edb0a158c953233019ad4dc3603533df563a7 Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 15:20:04 +0100
Subject: [PATCH 1/9] Add temperature toggle in customization and store value
 in local storage

---
 components/settings/customization/index.js | 17 +++++++++++++++++
 local-storage.js                           |  8 ++++++++
 2 files changed, 25 insertions(+)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index 537773c..ac37136 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -12,12 +12,14 @@ import {
   noteTrackingCategoryObservable,
   painTrackingCategoryObservable,
   sexTrackingCategoryObservable,
+  temperatureTrackingCategoryObservable,
   saveDesireTrackingCategory,
   saveMoodTrackingCategory,
   saveNoteTrackingCategory,
   savePainTrackingCategory,
   savePeriodPrediction,
   saveSexTrackingCategory,
+  saveTemperatureTrackingCategory,
   saveUseCervix,
   periodPredictionObservable,
   useCervixObservable,
@@ -34,6 +36,10 @@ const Settings = () => {
     periodPredictionObservable.value
   )
 
+  const [isTemperatureTrackingCategoryEnabled, setTemperatureTrackingCategory] = useState(
+    temperatureTrackingCategoryObservable.value
+  )
+
   const [isSexTrackingCategoryEnabled, setSexTrackingCategory] = useState(
     sexTrackingCategoryObservable.value
   )
@@ -57,6 +63,11 @@ const Settings = () => {
   const [isEnabled, setIsEnabled] = useState(false)
   const toggleSwitch = () => setIsEnabled((previousState) => !previousState)
 
+  const temperatureTrackingCategoryToggle = (value) => {
+    setTemperatureTrackingCategory(value)
+    saveTemperatureTrackingCategory(value)
+  }
+
   const sexTrackingCategoryToggle = (value) => {
     setSexTrackingCategory(value)
     saveSexTrackingCategory(value)
@@ -100,6 +111,12 @@ const Settings = () => {
   return (
     <AppPage title={'Customization'}>
       <Segment title={'Tracking categories'}>
+        <AppSwitch
+          onToggle={temperatureTrackingCategoryToggle}
+          text={"temperature"}
+          value={isTemperatureTrackingCategoryEnabled}
+          trackColor={{ true: Colors.turquoiseDark }}
+        />
         <AppSwitch
           onToggle={sexTrackingCategoryToggle}
           text={"sex: when turned off it won't show"}
diff --git a/local-storage.js b/local-storage.js
index c5e0060..0d13a51 100644
--- a/local-storage.js
+++ b/local-storage.js
@@ -92,6 +92,14 @@ export async function setChartFlag() {
   await AsyncStorage.setItem('isFirstChartView', JSON.stringify(false))
 }
 
+export const temperatureTrackingCategoryObservable = Observable()
+setObvWithInitValue('temperature', temperatureTrackingCategoryObservable, true)
+
+export async function saveTemperatureTrackingCategory(bool) {
+  await AsyncStorage.setItem('temperature', JSON.stringify(bool))
+  temperatureTrackingCategoryObservable.set(bool)
+}
+
 export const sexTrackingCategoryObservable = Observable()
 setObvWithInitValue('sex', sexTrackingCategoryObservable, true)
 

From cd176cf192eee87fdc43583c040c4b3d71d4bd4e Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 15:20:48 +0100
Subject: [PATCH 2/9] On cycle day temp wont show if turned off

---
 components/cycle-day/cycle-day-overview.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
index 52dd3ec..a033135 100644
--- a/components/cycle-day/cycle-day-overview.js
+++ b/components/cycle-day/cycle-day-overview.js
@@ -15,6 +15,7 @@ import {
   noteTrackingCategoryObservable,
   painTrackingCategoryObservable,
   sexTrackingCategoryObservable,
+  temperatureTrackingCategoryObservable,
 } from '../../local-storage'
 import { Spacing } from '../../styles'
 import { SYMPTOMS } from '../../config'
@@ -35,7 +36,9 @@ const CycleDayOverView = ({ date, setDate, isTemperatureEditView }) => {
   }
 
   const allEnabledSymptoms = SYMPTOMS.map((symptom) => {
-    if (symptom === 'sex') {
+    if (symptom === 'temperature') {
+      return temperatureTrackingCategoryObservable.value ? symptom : null
+    } else if (symptom === 'sex') {
       return sexTrackingCategoryObservable.value ? symptom : null
     } else if (symptom === 'desire') {
       return desireTrackingCategoryObservable.value ? symptom : null

From 7dd01c0c9b09b11e9e1257036b7150fca2cca076 Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 15:21:27 +0100
Subject: [PATCH 3/9] On chart temperature wont be displayed, also warning

---
 components/chart/chart.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/chart/chart.js b/components/chart/chart.js
index c475ae2..b394129 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -21,6 +21,7 @@ import {
   noteTrackingCategoryObservable,
   painTrackingCategoryObservable,
   sexTrackingCategoryObservable,
+  temperatureTrackingCategoryObservable,
 } from '../../local-storage'
 import { makeColumnInfo } from '../helpers/chart'
 
@@ -84,7 +85,11 @@ const CycleChart = ({ navigate, setDate }) => {
     }
   })
 
-  const shouldShowTemperatureColumn = chartSymptoms.indexOf('temperature') > -1
+  const isTemperatureEnabled = temperatureTrackingCategoryObservable.value
+  const shouldShowTemperatureColumn =
+    isTemperatureEnabled && chartSymptoms.indexOf('temperature') > -1
+  const shouldShowNoDataWarning =
+    isTemperatureEnabled && chartSymptoms.indexOf('temperature') <= -1
 
   const { width, height } = Dimensions.get('window')
   const numberOfColumnsToRender = Math.round(width / CHART_COLUMN_WIDTH)
@@ -135,7 +140,7 @@ const CycleChart = ({ navigate, setDate }) => {
     >
       <View style={styles.chartContainer}>
         {shouldShowHint && <Tutorial onClose={hideHint} />}
-        {!shouldShowTemperatureColumn && <NoTemperature />}
+        {shouldShowNoDataWarning && <NoTemperature />}
         <View style={styles.chartArea}>
           <YAxis
             height={columnHeight}

From 3799ff68bded039149e44ecb91cfce42f2c0f234 Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 15:23:19 +0100
Subject: [PATCH 4/9] Remove useless description and show only symptom name

---
 components/settings/customization/index.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index ac37136..46fb727 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -113,37 +113,37 @@ const Settings = () => {
       <Segment title={'Tracking categories'}>
         <AppSwitch
           onToggle={temperatureTrackingCategoryToggle}
-          text={"temperature"}
+          text={'temperature'}
           value={isTemperatureTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={sexTrackingCategoryToggle}
-          text={"sex: when turned off it won't show"}
+          text={'sex'}
           value={isSexTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={desireTrackingCategoryToggle}
-          text={"desire: when turned off it won't show"}
+          text={'desire'}
           value={isDesireTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={painTrackingCategoryToggle}
-          text={"pain: when turned off it won't show"}
+          text={'pain'}
           value={isPainTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={moodTrackingCategoryToggle}
-          text={"mood: when turned off it won't show"}
+          text={'mood'}
           value={isMoodTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={noteTrackingCategoryToggle}
-          text={"note: when turned off it won't show"}
+          text={'note'}
           value={isNoteTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />

From a99e6952a1b24d29303362611d3ad46a62d35f2a Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 15:27:33 +0100
Subject: [PATCH 5/9] Turn tempreminder off when temperature turned off

---
 local-storage.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/local-storage.js b/local-storage.js
index 0d13a51..ece4355 100644
--- a/local-storage.js
+++ b/local-storage.js
@@ -98,6 +98,13 @@ setObvWithInitValue('temperature', temperatureTrackingCategoryObservable, true)
 export async function saveTemperatureTrackingCategory(bool) {
   await AsyncStorage.setItem('temperature', JSON.stringify(bool))
   temperatureTrackingCategoryObservable.set(bool)
+
+  if (!temperatureTrackingCategoryObservable.value) {
+    const result = await AsyncStorage.getItem('tempReminder')
+    if (JSON.parse(result).enabled) {
+      tempReminderObservable.set(false)
+    }
+  }
 }
 
 export const sexTrackingCategoryObservable = Observable()

From fdb892ff6bbcacecac55c0a95eabfff7cb630e6b Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Tue, 23 Jan 2024 16:07:21 +0100
Subject: [PATCH 6/9] Disable tempReminder if temp is turned off

---
 components/settings/reminders/reminders.js      | 17 ++++++++++++++---
 .../settings/reminders/temperature-reminder.js  |  2 ++
 i18n/en/settings.js                             |  5 +++++
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/components/settings/reminders/reminders.js b/components/settings/reminders/reminders.js
index 518886b..1279d29 100644
--- a/components/settings/reminders/reminders.js
+++ b/components/settings/reminders/reminders.js
@@ -9,6 +9,7 @@ import {
   periodReminderObservable,
   savePeriodReminder,
   periodPredictionObservable,
+  temperatureTrackingCategoryObservable,
 } from '../../../local-storage'
 
 import labels from '../../../i18n/en/settings'
@@ -34,6 +35,14 @@ const Reminders = () => {
     }
   }
 
+  const tempReminderDisabledPrompt = () => {
+    if (!temperatureTrackingCategoryObservable.value) {
+      Alert.alert(
+        labels.tempReminder.alertNoTempReminder.title,
+        labels.tempReminder.alertNoTempReminder.message
+      )
+    }
+  }
   return (
     <AppPage>
       <Pressable onPress={reminderDisabledPrompt}>
@@ -46,9 +55,11 @@ const Reminders = () => {
           />
         </Segment>
       </Pressable>
-      <Segment title={labels.tempReminder.title} last>
-        <TemperatureReminder />
-      </Segment>
+      <Pressable onPress={tempReminderDisabledPrompt}>
+        <Segment title={labels.tempReminder.title} last>
+          <TemperatureReminder />
+        </Segment>
+      </Pressable>
     </AppPage>
   )
 }
diff --git a/components/settings/reminders/temperature-reminder.js b/components/settings/reminders/temperature-reminder.js
index d5fb874..5b06b19 100644
--- a/components/settings/reminders/temperature-reminder.js
+++ b/components/settings/reminders/temperature-reminder.js
@@ -7,6 +7,7 @@ import AppSwitch from '../../common/app-switch'
 import {
   saveTempReminder,
   tempReminderObservable,
+  temperatureTrackingCategoryObservable,
 } from '../../../local-storage'
 import padWithZeros from '../../helpers/pad-time-with-zeros'
 
@@ -51,6 +52,7 @@ const TemperatureReminder = () => {
         onToggle={temperatureReminderToggle}
         text={tempReminderText}
         value={isEnabled}
+        disabled={!temperatureTrackingCategoryObservable.value}
       />
       <DateTimePicker
         isVisible={isTimePickerVisible}
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index 15ea950..b225587 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -43,6 +43,11 @@ export default {
     noTimeSet: 'Set a time for a daily reminder to take your temperature',
     timeSet: (time) => `Daily reminder set for ${time}`,
     notification: 'Record your morning temperature',
+    alertNoTempReminder: {
+      title: 'Temperature turned off',
+      message:
+        'To use the temperature reminder please first enable the temperature tracking category in the customization settings.',
+    },
   },
   periodReminder: {
     title: 'Next period reminder',

From 6a4d5c330ba0ad5d884e6d2c7bcd36a0c7222d3a Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Mon, 29 Jan 2024 13:40:30 +0100
Subject: [PATCH 7/9] Disable/hide TemperatureSlider if temperature category
 turned off

---
 components/settings/customization/index.js | 26 ++++++++++++++++++----
 i18n/en/settings.js                        |  5 +++++
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index 46fb727..613b2e5 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import { Alert, Pressable } from 'react-native'
 
 import AppPage from '../../common/app-page'
 import AppSwitch from '../../common/app-switch'
@@ -108,6 +109,14 @@ const Settings = () => {
     ? labels.useCervix.cervixModeOn
     : labels.useCervix.cervixModeOff
 
+  const sliderDisabledPrompt = () => {
+    if (!isTemperatureTrackingCategoryEnabled) {
+      Alert.alert(
+        labels.tempScale.disabled.title,
+        labels.tempScale.disabled.message
+      )
+    }
+  }
   return (
     <AppPage title={'Customization'}>
       <Segment title={'Tracking categories'}>
@@ -158,10 +167,19 @@ const Settings = () => {
         />
       </Segment>
 
-      <Segment title={labels.tempScale.segmentTitle}>
-        <AppText>{labels.tempScale.segmentExplainer}</AppText>
-        <TemperatureSlider />
-      </Segment>
+      <Pressable onPress={sliderDisabledPrompt}>
+        <Segment title={labels.tempScale.segmentTitle}>
+          {isTemperatureTrackingCategoryEnabled && (
+            <>
+              <AppText>{labels.tempScale.segmentExplainer}</AppText>
+              <TemperatureSlider />
+            </>
+          )}
+          {!isTemperatureTrackingCategoryEnabled && (
+            <AppText>{labels.tempScale.disabled.message}</AppText>
+          )}
+        </Segment>
+      </Pressable>
 
       <Segment title={labels.useCervix.title}>
         <AppSwitch
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index b225587..b6ef227 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -37,6 +37,11 @@ export default {
     max: 'Max',
     loadError: 'Could not load saved temperature scale settings',
     saveError: 'Could not save temperature scale settings',
+    disabled: {
+      title: 'Temperature scale turned off',
+      message:
+        'To use the temperature scale slider please first enable the temperature tracking category in the customization settings.',
+    },
   },
   tempReminder: {
     title: 'Temperature reminder',

From 080ce0f3d313344724de031b498c3a050e027c2c Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Mon, 29 Jan 2024 18:21:53 +0100
Subject: [PATCH 8/9] Hide SecondarySymptom Switch if temperature category
 turned off

---
 components/settings/customization/index.js | 35 ++++++++++++----------
 i18n/en/settings.js                        | 10 +++----
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index 613b2e5..a8decf4 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -37,9 +37,8 @@ const Settings = () => {
     periodPredictionObservable.value
   )
 
-  const [isTemperatureTrackingCategoryEnabled, setTemperatureTrackingCategory] = useState(
-    temperatureTrackingCategoryObservable.value
-  )
+  const [isTemperatureTrackingCategoryEnabled, setTemperatureTrackingCategory] =
+    useState(temperatureTrackingCategoryObservable.value)
 
   const [isSexTrackingCategoryEnabled, setSexTrackingCategory] = useState(
     sexTrackingCategoryObservable.value
@@ -111,10 +110,7 @@ const Settings = () => {
 
   const sliderDisabledPrompt = () => {
     if (!isTemperatureTrackingCategoryEnabled) {
-      Alert.alert(
-        labels.tempScale.disabled.title,
-        labels.tempScale.disabled.message
-      )
+      Alert.alert(labels.disabled.title, labels.disabled.message)
     }
   }
   return (
@@ -176,19 +172,26 @@ const Settings = () => {
             </>
           )}
           {!isTemperatureTrackingCategoryEnabled && (
-            <AppText>{labels.tempScale.disabled.message}</AppText>
+            <AppText>{labels.disabled.message}</AppText>
           )}
         </Segment>
       </Pressable>
 
-      <Segment title={labels.useCervix.title}>
-        <AppSwitch
-          onToggle={onCervixToggle}
-          text={cervixText}
-          value={shouldUseCervix}
-          trackColor={{ true: Colors.turquoiseDark }}
-        />
-      </Segment>
+      <Pressable onPress={sliderDisabledPrompt}>
+        <Segment title={labels.useCervix.title}>
+          {isTemperatureTrackingCategoryEnabled && (
+            <AppSwitch
+              onToggle={onCervixToggle}
+              text={cervixText}
+              value={shouldUseCervix}
+              trackColor={{ true: Colors.turquoiseDark }}
+            />
+          )}
+          {!isTemperatureTrackingCategoryEnabled && (
+            <AppText>{labels.disabled.message}</AppText>
+          )}
+        </Segment>
+      </Pressable>
 
       <Segment title={labels.periodPrediction.title} last>
         <AppSwitch
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index b6ef227..5f9f224 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -37,11 +37,11 @@ export default {
     max: 'Max',
     loadError: 'Could not load saved temperature scale settings',
     saveError: 'Could not save temperature scale settings',
-    disabled: {
-      title: 'Temperature scale turned off',
-      message:
-        'To use the temperature scale slider please first enable the temperature tracking category in the customization settings.',
-    },
+  },
+  disabled: {
+    title: 'This feature is turned off',
+    message:
+      'Please first enable the temperature tracking category in the customization settings.',
   },
   tempReminder: {
     title: 'Temperature reminder',

From a289edb7f1c4dfd3ee1b5c0e1b2e3c9d657a1b01 Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Thu, 25 Jan 2024 12:03:51 +0100
Subject: [PATCH 9/9] Add symptom labels from config list

---
 components/settings/customization/index.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index a8decf4..a8e0ab2 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -27,6 +27,7 @@ import {
 } from '../../../local-storage'
 import { Colors } from '../../../styles'
 import labels from '../../../i18n/en/settings'
+import { SYMPTOMS } from '../../../config'
 
 const Settings = () => {
   const [shouldUseCervix, setShouldUseCervix] = useState(
@@ -118,37 +119,37 @@ const Settings = () => {
       <Segment title={'Tracking categories'}>
         <AppSwitch
           onToggle={temperatureTrackingCategoryToggle}
-          text={'temperature'}
+          text={SYMPTOMS[1]}
           value={isTemperatureTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={sexTrackingCategoryToggle}
-          text={'sex'}
+          text={SYMPTOMS[4]}
           value={isSexTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={desireTrackingCategoryToggle}
-          text={'desire'}
+          text={SYMPTOMS[5]}
           value={isDesireTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={painTrackingCategoryToggle}
-          text={'pain'}
+          text={SYMPTOMS[6]}
           value={isPainTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={moodTrackingCategoryToggle}
-          text={'mood'}
+          text={SYMPTOMS[7]}
           value={isMoodTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
           onToggle={noteTrackingCategoryToggle}
-          text={'note'}
+          text={SYMPTOMS[8]}
           value={isNoteTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />