From 750bfa58c3713e150a121c720f0e1aa4c94603f2 Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Thu, 11 Jan 2024 13:16:24 +0100
Subject: [PATCH] Add sexTrackingCategory as toggle

---
 components/settings/customization/index.js | 35 +++++++++-------------
 local-storage.js                           |  8 +++++
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js
index 9d0408c..9d55ef6 100644
--- a/components/settings/customization/index.js
+++ b/components/settings/customization/index.js
@@ -11,6 +11,8 @@ import {
   savePeriodPrediction,
   useCervixObservable,
   saveUseCervix,
+  saveSexTrackingCategory,
+  sexTrackingCategoryObservable,
 } from '../../../local-storage'
 import { Colors } from '../../../styles'
 import labels from '../../../i18n/en/settings'
@@ -24,9 +26,18 @@ const Settings = () => {
     periodPredictionObservable.value
   )
 
+  const [isSexTrackingCategoryEnabled, setSexTrackingCategory] = useState(
+    sexTrackingCategoryObservable.value
+  )
+
   const [isEnabled, setIsEnabled] = useState(false)
   const toggleSwitch = () => setIsEnabled((previousState) => !previousState)
 
+  const sexTrackingCategoryToggle = (value) => {
+    setSexTrackingCategory(value)
+    saveSexTrackingCategory(value)
+  }
+
   const onPeriodPredictionToggle = (value) => {
     setPeriodPrediction(value)
     savePeriodPrediction(value)
@@ -49,27 +60,9 @@ const Settings = () => {
     <AppPage title={'Customization'}>
       <Segment title={'Tracking categories'}>
         <AppSwitch
-          onToggle={toggleSwitch}
-          text={'temperature'}
-          value={isEnabled}
-          trackColor={{ true: Colors.turquoiseDark }}
-        />
-        <AppSwitch
-          onToggle={toggleSwitch}
-          text={'cervical mucus'}
-          value={isEnabled}
-          trackColor={{ true: Colors.turquoiseDark }}
-        />
-        <AppSwitch
-          onToggle={toggleSwitch}
-          text={'cervix'}
-          value={isEnabled}
-          trackColor={{ true: Colors.turquoiseDark }}
-        />
-        <AppSwitch
-          onToggle={toggleSwitch}
-          text={'sex'}
-          value={isEnabled}
+          onToggle={sexTrackingCategoryToggle}
+          text={"sex: when turned off it won't show"}
+          value={isSexTrackingCategoryEnabled}
           trackColor={{ true: Colors.turquoiseDark }}
         />
         <AppSwitch
diff --git a/local-storage.js b/local-storage.js
index fb29e95..8c94dd2 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 sexTrackingCategoryObservable = Observable()
+setObvWithInitValue('sex', sexTrackingCategoryObservable, true)
+
+export async function saveSexTrackingCategory(bool) {
+  await AsyncStorage.setItem('sex', JSON.stringify(bool))
+  sexTrackingCategoryObservable.set(bool)
+}
+
 async function setObvWithInitValue(key, obv, defaultValue) {
   const result = await AsyncStorage.getItem(key)
   let value