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 ( @@ -158,10 +167,19 @@ const Settings = () => { /> - - {labels.tempScale.segmentExplainer} - - + + + {isTemperatureTrackingCategoryEnabled && ( + <> + {labels.tempScale.segmentExplainer} + + + )} + {!isTemperatureTrackingCategoryEnabled && ( + {labels.tempScale.disabled.message} + )} + +