import React from 'react' import PropTypes from 'prop-types' import { connect } from 'react-redux' import ImmutablePropTypes from 'react-immutable-proptypes' import ImmutablePureComponent from 'react-immutable-pure-component' import { injectIntl, defineMessages } from 'react-intl' import { me } from '../initial_state' import { makeGetAccount } from '../selectors' import SidebarSectionTitle from './sidebar_section_title' import SidebarSectionItem from './sidebar_section_item' import Heading from './heading' import BackButton from './back_button' class Sidebar extends ImmutablePureComponent { render() { const { intl, account, title, } = this.props if (!me || !account) return null const menuItems = [ { title: intl.formatMessage(messages.blocks), to: '/settings/blocks', }, { title: intl.formatMessage(messages.mutes), to: '/settings/mutes', }, { title: intl.formatMessage(messages.preferences), href: '/settings/preferences', }, ] return (
{title}
) } } const messages = defineMessages({ blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' }, mutes: { id: 'navigation_bar.mutes', defaultMessage: 'Muted users' }, preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' }, menu: { id: 'menu', defaultMessage: 'Menu' }, }) const mapStateToProps = (state) => ({ account: makeGetAccount()(state, me), }) Sidebar.propTypes = { intl: PropTypes.object.isRequired, account: ImmutablePropTypes.map, title: PropTypes.string, } export default injectIntl(connect(mapStateToProps)(Sidebar))