gab-social/app/javascript/gabsocial/components/sidebar/settings_sidebar.js
mgabdev d7cd258977 Updated Sidebar, NavigationBar components, Added layouts
• Updated:
- Sidebar, NavigationBar components
- file structures for both

• Added:
- layouts for compnents
2020-09-01 18:13:11 -05:00

43 lines
1.4 KiB
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import { injectIntl, defineMessages } from 'react-intl'
import { me } from '../../initial_state'
import SidebarSectionTitle from '../sidebar_section_title'
import SidebarSectionItem from '../sidebar_section_item'
import SidebarLayout from './sidebar_layout'
class SettingsSidebar extends React.PureComponent {
render() {
const { intl, title } = this.props
if (!me) return null
return (
<SidebarLayout
showBackBtn
title={title}
>
<SidebarSectionTitle>{intl.formatMessage(messages.menu)}</SidebarSectionTitle>
<SidebarSectionItem title={intl.formatMessage(messages.blocks)} to='/settings/blocks' />
<SidebarSectionItem title={intl.formatMessage(messages.mutes)} to='/settings/mutes' />
<SidebarSectionItem title={intl.formatMessage(messages.preferences)} to='/settings/preferences' />
</SidebarLayout>
)
}
}
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' },
})
SettingsSidebar.propTypes = {
intl: PropTypes.object.isRequired,
title: PropTypes.string,
}
export default injectIntl(SettingsSidebar)