diff --git a/components/settings/customization/index.js b/components/settings/customization/index.js index ff81683..4454667 100644 --- a/components/settings/customization/index.js +++ b/components/settings/customization/index.js @@ -6,6 +6,7 @@ import AppSwitch from '../../common/app-switch' import AppText from '../../common/app-text' import TemperatureSlider from './temperature-slider' import Segment from '../../common/segment' +import SelectTabGroup from '../../cycle-day/select-tab-group' import { desireTrackingCategoryObservable, @@ -120,7 +121,16 @@ const Settings = () => { ? labels.periodPrediction.on : labels.periodPrediction.off - const onCervixToggle = (value) => { + // old + // const onCervixToggle = (value) => { + // if (isMucusTrackingCategoryEnabled && isCervixTrackingCategoryEnabled) { + // setShouldUseCervix(value) + // saveUseCervix(value) + // } + // } + + // new + const onSelectTab = (value) => { if (isMucusTrackingCategoryEnabled && isCervixTrackingCategoryEnabled) { setShouldUseCervix(value) saveUseCervix(value) @@ -170,6 +180,18 @@ const Settings = () => { } } + //new + const secondarySymptomButtons = [ + { + label: 'cervical mucus', + value: 0, + }, + { + label: 'cervix', + value: 1, + }, + ] + const cervixText = shouldUseCervix ? labels.useCervix.cervixModeOn : labels.useCervix.cervixModeOff @@ -263,13 +285,21 @@ const Settings = () => { - + {/* hier war vorher der AppSwitch */} + {/* noch condition adden */} + {isTemperatureTrackingCategoryEnabled && ( + <> + {cervixText} + onSelectTab(value)} + /> + + )} + {!isTemperatureTrackingCategoryEnabled && ( + {labels.disabled.message} + )}