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

app/javascript/gabsocial/pages/shortcuts_page.js

@@ -1,34 +1,58 @@
-import { Fragment } from 'react'
+import { defineMessages, injectIntl } from 'react-intl'
 import { openModal } from '../actions/modal'
-import GroupSidebarPanel from '../components/panel/groups_panel'
+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 ProgressPanel from '../components/panel/progress_panel'
-import UserPanel from '../components/panel/user_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 { children } = this.props
+    const { intl, children } = this.props
+
+    const title = intl.formatMessage(messages.shortcuts)
 
     return (
       <DefaultLayout
-        title='Shortcuts'
-        actions={[]}
-        layout={(
-          <Fragment>
-            <UserPanel />
-            <ProgressPanel />
-            <TrendsPanel />
-            <WhoToFollowPanel />
-            <GroupSidebarPanel />
-            <LinkFooter />
-          </Fragment>
-        )}
+        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>
     )