parent
105d9743ae
commit
4ac6601476
5 changed files with 99 additions and 6 deletions
@ -0,0 +1,66 @@ |
||||
import React from 'react'; |
||||
import ImmutablePropTypes from 'react-immutable-proptypes'; |
||||
import PropTypes from 'prop-types'; |
||||
import DropdownMenuContainer from '../../../containers/dropdown_menu_container'; |
||||
import { defineMessages, injectIntl } from 'react-intl'; |
||||
import { preferencesLink, profileLink } from 'flavours/glitch/utils/backend_links'; |
||||
|
||||
const messages = defineMessages({ |
||||
edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit profile' }, |
||||
pins: { id: 'navigation_bar.pins', defaultMessage: 'Pinned posts' }, |
||||
preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' }, |
||||
follow_requests: { id: 'navigation_bar.follow_requests', defaultMessage: 'Follow requests' }, |
||||
favourites: { id: 'navigation_bar.favourites', defaultMessage: 'Favourites' }, |
||||
lists: { id: 'navigation_bar.lists', defaultMessage: 'Lists' }, |
||||
blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' }, |
||||
domain_blocks: { id: 'navigation_bar.domain_blocks', defaultMessage: 'Hidden domains' }, |
||||
mutes: { id: 'navigation_bar.mutes', defaultMessage: 'Muted users' }, |
||||
filters: { id: 'navigation_bar.filters', defaultMessage: 'Muted words' }, |
||||
logout: { id: 'navigation_bar.logout', defaultMessage: 'Logout' }, |
||||
bookmarks: { id: 'navigation_bar.bookmarks', defaultMessage: 'Bookmarks' }, |
||||
}); |
||||
|
||||
export default @injectIntl |
||||
class ActionBar extends React.PureComponent { |
||||
|
||||
static propTypes = { |
||||
account: ImmutablePropTypes.map.isRequired, |
||||
onLogout: PropTypes.func.isRequired, |
||||
intl: PropTypes.object.isRequired, |
||||
}; |
||||
|
||||
handleLogout = () => { |
||||
this.props.onLogout(); |
||||
} |
||||
|
||||
render () { |
||||
const { intl } = this.props; |
||||
|
||||
let menu = []; |
||||
|
||||
menu.push({ text: intl.formatMessage(messages.edit_profile), href: profileLink }); |
||||
menu.push({ text: intl.formatMessage(messages.preferences), href: preferencesLink }); |
||||
menu.push({ text: intl.formatMessage(messages.pins), to: '/pinned' }); |
||||
menu.push(null); |
||||
menu.push({ text: intl.formatMessage(messages.follow_requests), to: '/follow_requests' }); |
||||
menu.push({ text: intl.formatMessage(messages.favourites), to: '/favourites' }); |
||||
menu.push({ text: intl.formatMessage(messages.bookmarks), to: '/bookmarks' }); |
||||
menu.push({ text: intl.formatMessage(messages.lists), to: '/lists' }); |
||||
menu.push(null); |
||||
menu.push({ text: intl.formatMessage(messages.mutes), to: '/mutes' }); |
||||
menu.push({ text: intl.formatMessage(messages.blocks), to: '/blocks' }); |
||||
menu.push({ text: intl.formatMessage(messages.domain_blocks), to: '/domain_blocks' }); |
||||
menu.push({ text: intl.formatMessage(messages.filters), href: '/filters' }); |
||||
menu.push(null); |
||||
menu.push({ text: intl.formatMessage(messages.logout), action: this.handleLogout }); |
||||
|
||||
return ( |
||||
<div className='compose__action-bar'> |
||||
<div className='compose__action-bar-dropdown'> |
||||
<DropdownMenuContainer items={menu} icon='ellipsis-v' size={18} direction='right' /> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
} |
@ -1,11 +1,30 @@ |
||||
import { connect } from 'react-redux'; |
||||
import { defineMessages, injectIntl } from 'react-intl'; |
||||
import NavigationBar from '../components/navigation_bar'; |
||||
import { logOut } from 'flavours/glitch/utils/log_out'; |
||||
import { openModal } from 'flavours/glitch/actions/modal'; |
||||
import { me } from 'flavours/glitch/initial_state'; |
||||
|
||||
const messages = defineMessages({ |
||||
logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' }, |
||||
logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' }, |
||||
}); |
||||
|
||||
const mapStateToProps = state => { |
||||
return { |
||||
account: state.getIn(['accounts', me]), |
||||
}; |
||||
}; |
||||
|
||||
export default connect(mapStateToProps)(NavigationBar); |
||||
const mapDispatchToProps = (dispatch, { intl }) => ({ |
||||
onLogout () { |
||||
dispatch(openModal('CONFIRM', { |
||||
message: intl.formatMessage(messages.logoutMessage), |
||||
confirm: intl.formatMessage(messages.logoutConfirm), |
||||
closeWhenConfirm: false, |
||||
onConfirm: () => logOut(), |
||||
})); |
||||
}, |
||||
}); |
||||
|
||||
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NavigationBar)); |
||||
|
Loading…
Reference in new issue