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 = () => { - - -