diff --git a/app/soapbox/features/ui/components/features_panel.js b/app/soapbox/features/ui/components/features_panel.js index b77eeb677..d0afc3e10 100644 --- a/app/soapbox/features/ui/components/features_panel.js +++ b/app/soapbox/features/ui/components/features_panel.js @@ -1,10 +1,29 @@ import React from 'react'; +import PropTypes from 'prop-types'; import Icon from 'soapbox/components/icon'; import { NavLink } from 'react-router-dom'; +import { injectIntl, defineMessages } from 'react-intl'; -export default class FeaturesPanel extends React.PureComponent { +const messages = defineMessages({ + edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit Profile' }, + messages: { id: 'navigation_bar.messages', defaultMessage: 'Messages' }, + preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' }, + security: { id: 'navigation_bar.security', defaultMessage: 'Security' }, + lists: { id: 'column.lists', defaultMessage: 'Lists' }, + bookmarks: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' }, +}); + +export default +@injectIntl +class FeaturesPanel extends React.PureComponent { + + static propTypes = { + intl: PropTypes.object.isRequired, + }; render() { + const { intl } = this.props; + return (
@@ -12,42 +31,42 @@ export default class FeaturesPanel extends React.PureComponent {
- Edit Profile + {intl.formatMessage(messages.edit_profile)}
- Messages + {intl.formatMessage(messages.messages)}
- Bookmarks + {intl.formatMessage(messages.bookmarks)}
- Lists + {intl.formatMessage(messages.lists)}
- Security + {intl.formatMessage(messages.security)}
- Preferences + {intl.formatMessage(messages.preferences)}