diff --git a/components/pages.js b/components/pages.js index 880ef70..1d4b1d0 100644 --- a/components/pages.js +++ b/components/pages.js @@ -44,6 +44,10 @@ export const pages = [ component: 'DataManagement', parent: 'SettingsMenu', }, + { + component: 'Info', + parent: 'SettingsMenu', + }, { component: 'Password', parent: 'SettingsMenu', diff --git a/components/settings/Info.js b/components/settings/Info.js new file mode 100644 index 0000000..9a934f6 --- /dev/null +++ b/components/settings/Info.js @@ -0,0 +1,50 @@ +import React from 'react' +import { StyleSheet, View } from 'react-native' +import PropTypes from 'prop-types' +import { useTranslation } from 'react-i18next' + +import AppIcon from '../common/app-icon' +import AppPage from '../common/app-page' +import AppText from '../common/app-text' +import Segment from '../common/segment' + +import { Colors, Spacing, Typography } from '../../styles' +import labels from '../../i18n/en/settings' + +const Info = () => { + const { t } = useTranslation(null, { keyPrefix: 'hamburgerMenu.info' }) + return ( + + + + + {labels.preOvu.title} + + {labels.preOvu.note} + + + ) +} + +Info.propTypes = { + children: PropTypes.node, +} + +export default Info + +const styles = StyleSheet.create({ + icon: { + marginRight: Spacing.base, + }, + line: { + flexDirection: 'row', + alignItems: 'center', + }, + title: { + ...Typography.subtitle, + }, +}) diff --git a/components/settings/index.js b/components/settings/index.js index b0b3c88..950b138 100644 --- a/components/settings/index.js +++ b/components/settings/index.js @@ -1,6 +1,7 @@ import Reminders from './reminders/reminders' import Customization from './customization' import DataManagement from './data-management/DataManagement' +import Info from './Info' import Password from './password' import About from './About' import License from './License' @@ -10,6 +11,7 @@ export default { Reminders, Customization, DataManagement, + Info, Password, About, License, diff --git a/components/settings/settings-menu.js b/components/settings/settings-menu.js index 49e0ac2..773ca2e 100644 --- a/components/settings/settings-menu.js +++ b/components/settings/settings-menu.js @@ -11,6 +11,7 @@ const menuItems = [ { label: 'reminders', componentName: 'Reminders' }, { label: 'dataManagement', componentName: 'DataManagement' }, { label: 'password', componentName: 'Password' }, + { label: 'info', componentName: 'Info' }, ] const SettingsMenu = ({ navigate }) => { diff --git a/i18n/en.json b/i18n/en.json index 7dce148..f3d6bff 100644 --- a/i18n/en.json +++ b/i18n/en.json @@ -127,9 +127,16 @@ "reminders": { "name": "Reminders", "text": "turn on/off reminders" + }, + "info": { + "name": "Info", + "text": "Learn more about how drip works" } }, "title": "Settings" + }, + "info": { + "title": "info" } }, "stats": {