diff --git a/components/cycle-day/temperature.js b/components/cycle-day/temperature.js index ef516ac..8df7a4c 100644 --- a/components/cycle-day/temperature.js +++ b/components/cycle-day/temperature.js @@ -4,6 +4,7 @@ import PropTypes from 'prop-types' import { Keyboard } from 'react-native' import DateTimePicker from 'react-native-modal-datetime-picker' import moment from 'moment' +import { useTranslation } from 'react-i18next' import AppText from '../common/app-text' import AppTextInput from '../common/app-text-input' @@ -22,6 +23,7 @@ import { temperature as labels } from '../../i18n/en/cycle-day' import { Colors, Containers, Sizes, Spacing } from '../../styles' const Temperature = ({ data, date, save }) => { + const { t } = useTranslation() const [isTimePickerVisible, setIsTimePickerVisible] = useState(false) const [temperature, setTemperature] = useState( formatTemperature(data.value) || getPreviousTemperature(date) @@ -94,7 +96,7 @@ const Temperature = ({ data, date, save }) => { onConfirm={setTime} onCancel={() => setIsTimePickerVisible(false)} display={Platform.OS === 'ios' ? 'spinner' : 'default'} - headerTextIOS="Pick a time" + headerTextIOS={t('labels.shared.dateTimePickerTitle')} /> diff --git a/components/settings/reminders/temperature-reminder.js b/components/settings/reminders/temperature-reminder.js index 2f1acf9..61c5fc2 100644 --- a/components/settings/reminders/temperature-reminder.js +++ b/components/settings/reminders/temperature-reminder.js @@ -1,6 +1,7 @@ import React, { Component } from 'react' import { Platform } from 'react-native' import DateTimePicker from 'react-native-modal-datetime-picker' +import PropTypes from 'prop-types' import AppSwitch from '../../common/app-switch' @@ -11,8 +12,9 @@ import { import padWithZeros from '../../helpers/pad-time-with-zeros' import labels from '../../../i18n/en/settings' +import { withTranslation } from 'react-i18next' -export default class TemperatureReminder extends Component { +class TemperatureReminder extends Component { constructor(props) { super(props) @@ -46,6 +48,7 @@ export default class TemperatureReminder extends Component { render() { const { isEnabled, isTimePickerVisible, time } = this.state + const { t } = this.props const tempReminderText = time && isEnabled @@ -65,9 +68,14 @@ export default class TemperatureReminder extends Component { onConfirm={this.onPickDate} onCancel={this.onPickDateCancel} display={Platform.OS === 'ios' ? 'spinner' : 'default'} - headerTextIOS="Pick a time" + headerTextIOS={t('labels.shared.dateTimePickerTitle')} /> ) } } + +TemperatureReminder.propTypes = { + t: PropTypes.func.isRequired, +} +export default withTranslation()(TemperatureReminder) diff --git a/i18n/en.json b/i18n/en.json index c335e65..1fcd775 100644 --- a/i18n/en.json +++ b/i18n/en.json @@ -10,8 +10,8 @@ }, "shared": { "cancel": "Cancel", - "ok": "OK", - "dateTimePickerTitle": "Pick a time" + "dateTimePickerTitle": "Pick a time", + "ok": "OK" } }, "settings": {