gab-social/app/javascript/gabsocial/pages/shortcuts_page.js
mgabdev f92f75d747 Added shortcuts
• Added:
- shortcuts functionality
- shortcuts route, controller, model
- shortcut error message for "exists"
- shortcut redux
- EditShortcutsModal, constant
- links to sidebar, sidebar_xs
- options to add/remove group, account in GroupOptionsPopover, ProfileOptionsPopover
- shortcuts page, feature/list
2020-07-21 22:24:26 -05:00

60 lines
1.6 KiB
JavaScript

import { defineMessages, injectIntl } from 'react-intl'
import { openModal } from '../actions/modal'
import { MODAL_EDIT_SHORTCUTS } from '../constants'
import PageTitle from '../features/ui/util/page_title'
import LinkFooter from '../components/link_footer'
import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
import TrendsPanel from '../components/panel/trends_panel'
import DefaultLayout from '../layouts/default_layout'
const messages = defineMessages({
shortcuts: { id: 'shortcuts', defaultMessage: 'Shortcuts' },
})
const mapDispatchToProps = (dispatch) => ({
onOpenEditShortcutsModal() {
dispatch(openModal(MODAL_EDIT_SHORTCUTS))
},
})
export default
@injectIntl
@connect(null, mapDispatchToProps)
class ShortcutsPage extends PureComponent {
static propTypes = {
intl: PropTypes.object.isRequired,
onOpenEditShortcutsModal: PropTypes.func.isRequired,
}
handleOnOpenEditShortcutsModal = () => {
this.props.onOpenEditShortcutsModal()
}
render() {
const { intl, children } = this.props
const title = intl.formatMessage(messages.shortcuts)
return (
<DefaultLayout
title={title}
page='shortcuts'
actions={[
{
icon: 'cog',
onClick: this.handleOnOpenEditShortcutsModal,
},
]}
layout={[
<TrendsPanel key='shortcuts-page-trends-panel' />,
<WhoToFollowPanel key='shortcuts-page-wtf-panel' />,
<LinkFooter key='shortcuts-page-link-footer' />,
]}
>
<PageTitle path={title} />
{children}
</DefaultLayout>
)
}
}