import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { defineMessages, intlShape } from 'react-intl'; import { inject, observer } from 'mobx-react'; import Link from '../../ui/Link'; const messages = defineMessages({ availableServices: { id: 'settings.navigation.availableServices', defaultMessage: '!!!Available services', }, yourServices: { id: 'settings.navigation.yourServices', defaultMessage: '!!!Your services', }, account: { id: 'settings.navigation.account', defaultMessage: '!!!Account', }, settings: { id: 'settings.navigation.settings', defaultMessage: '!!!Settings', }, inviteFriends: { id: 'settings.navigation.inviteFriends', defaultMessage: '!!!Invite Friends', }, logout: { id: 'settings.navigation.logout', defaultMessage: '!!!Logout', }, }); export default @inject('stores') @observer class SettingsNavigation extends Component { static propTypes = { serviceCount: PropTypes.number.isRequired, }; static contextTypes = { intl: intlShape, }; render() { const { serviceCount } = this.props; const { features } = this.props.stores.features; const { intl } = this.context; return (