gab-social/app/javascript/gabsocial/components/popover/nav_settings_popover.js

71 lines
2.0 KiB
JavaScript
Raw Normal View History

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
2020-05-15 03:31:24 +01:00
import { defineMessages, injectIntl } from 'react-intl'
import { closePopover } from '../../actions/popover'
import { meUsername } from '../../initial_state'
2020-05-15 03:31:24 +01:00
import PopoverLayout from './popover_layout'
import List from '../list'
class NavSettingsPopover extends React.PureComponent {
2020-05-15 03:31:24 +01:00
handleOnClosePopover = () => {
this.props.onClosePopover()
2020-05-15 03:31:24 +01:00
}
render() {
const { intl, isXS } = this.props
if (isXS) return null
return (
<PopoverLayout width={240}>
<List
size='small'
2020-05-15 03:31:24 +01:00
scrollKey='profile_options'
items={[
{
title: intl.formatMessage(messages.profile),
to: `/${meUsername}`,
onClick: this.handleOnClosePopover,
},
2020-05-15 03:31:24 +01:00
{
title: intl.formatMessage(messages.help),
href: 'https://help.gab.com',
},
{
title: intl.formatMessage(messages.settings),
href: '/settings/preferences',
},
{
title: intl.formatMessage(messages.logout),
href: '/auth/sign_out',
},
]}
/>
</PopoverLayout>
)
}
}
const messages = defineMessages({
profile: { id: 'account.profile', defaultMessage: 'Profile' },
display: { id: 'display_options', defaultMessage: 'Display Options' },
help: { id: 'getting_started.help', defaultMessage: 'Help' },
settings: { id: 'settings', defaultMessage: 'Settings' },
logout: { 'id': 'confirmations.logout.confirm', 'defaultMessage': 'Log out' },
})
const mapDispatchToProps = (dispatch) => ({
onClosePopover() {
dispatch(closePopover())
},
})
NavSettingsPopover.propTypes = {
intl: PropTypes.object.isRequired,
onClosePopover: PropTypes.func.isRequired,
isXS: PropTypes.bool,
}
export default injectIntl(connect(null, mapDispatchToProps)(NavSettingsPopover))