Add picker title to labels

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')}
         />
       </Segment>
     </React.Fragment>

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')}
         />
       </React.Fragment>
     )
   }
 }
+
+TemperatureReminder.propTypes = {
+  t: PropTypes.func.isRequired,
+}
+export default withTranslation()(TemperatureReminder)

i18n/en.json

@@ -10,8 +10,8 @@
     },
     "shared": {
       "cancel": "Cancel",
-      "ok": "OK",
+      "dateTimePickerTitle": "Pick a time",
-      "dateTimePickerTitle": "Pick a time"
+      "ok": "OK"
     }
   },
   "settings": {