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/components/popover/group_options_popover.js

@@ -6,9 +6,12 @@ import {
   MODAL_GROUP_MEMBERS,
   MODAL_GROUP_REMOVED_ACCOUNTS,
 } from '../../constants'
+import {
+  addShortcut,
+  removeShortcut,
+} from '../../actions/shortcuts'
 import { openModal } from '../../actions/modal'
 import { closePopover } from '../../actions/popover'
-import { me } from '../../initial_state'
 import PopoverLayout from './popover_layout'
 import List from '../list'
 
@@ -16,7 +19,18 @@ const messages = defineMessages({
   groupMembers: { id: 'group_members', defaultMessage: 'Group members' },
   removedMembers: { id: 'group_removed_members', defaultMessage: 'Removed accounts' },
   editGroup: { id: 'edit_group', defaultMessage: 'Edit group' },
-});
+  add_to_shortcuts: { id: 'account.add_to_shortcuts', defaultMessage: 'Add to shortcuts' },
+  remove_from_shortcuts: { id: 'account.remove_from_shortcuts', defaultMessage: 'Remove from shortcuts' },
+})
+
+const mapStateToProps = (state, { group }) => {
+  const groupId = group ? group.get('id') : null
+  const shortcuts = state.getIn(['shortcuts', 'items'])
+  const isShortcut = !!shortcuts.find((s) => {
+    return s.get('shortcut_id') == groupId && s.get('shortcut_type') === 'group'
+  })
+  return { isShortcut }
+}
 
 const mapDispatchToProps = (dispatch) => ({
 
@@ -24,38 +38,43 @@ const mapDispatchToProps = (dispatch) => ({
     dispatch(closePopover())
     dispatch(openModal(MODAL_GROUP_CREATE, { groupId }))
   },
-
   onOpenRemovedMembers(groupId) {
     dispatch(closePopover())
     dispatch(openModal(MODAL_GROUP_REMOVED_ACCOUNTS, { groupId }))
   },
-
   onOpenGroupMembers(groupId) {
     dispatch(closePopover())
     dispatch(openModal(MODAL_GROUP_MEMBERS, { groupId }))
   },
+  onClosePopover: () => dispatch(closePopover()),
+  onAddShortcut(groupId) {
+    dispatch(addShortcut('group', groupId))
+  },
+  onRemoveShortcut(groupId) {
+    dispatch(removeShortcut(null, 'group', groupId))
+  },
 
-  onClosePopover: () => dispatch(closePopover())
-
-});
+})
 
 export default
 @injectIntl
-@connect(null, mapDispatchToProps)
+@connect(mapStateToProps, mapDispatchToProps)
 class GroupOptionsPopover extends ImmutablePureComponent {
 
   static defaultProps = {
     group: ImmutablePropTypes.map.isRequired,
+    isAdmin: PropTypes.bool,
     intl: PropTypes.object.isRequired,
     isXS: PropTypes.bool,
+    isShortcut: PropTypes.bool,
+    onAddShortcut: PropTypes.func.isRequired,
+    onRemoveShortcut: PropTypes.func.isRequired,
     onClosePopover: PropTypes.func.isRequired,
     onOpenEditGroup: PropTypes.func.isRequired,
     onOpenGroupMembers: PropTypes.func.isRequired,
     onOpenRemovedMembers: PropTypes.func.isRequired,
   }
 
-  updateOnProps = ['group']
-
   handleEditGroup = () => {
     this.props.onOpenEditGroup(this.props.group.get('id'))
   }
@@ -72,8 +91,22 @@ class GroupOptionsPopover extends ImmutablePureComponent {
     this.props.onClosePopover()
   }
 
+  handleOnToggleShortcut = () => {
+    this.handleOnClosePopover()
+    if (this.props.isShortcut) {
+      this.props.onRemoveShortcut(this.props.group.get('id'))
+    } else {
+      this.props.onAddShortcut(this.props.group.get('id'))
+    }
+  }
+
   render() {
-    const { intl, isXS } = this.props
+    const {
+      intl,
+      isAdmin,
+      isShortcut,
+      isXS,
+    } = this.props
 
     const listItems = [
       {
@@ -81,24 +114,33 @@ class GroupOptionsPopover extends ImmutablePureComponent {
         icon: 'group',
         title: intl.formatMessage(messages.groupMembers),
         onClick: this.handleOnOpenGroupMembers,
+        isHidden: !isAdmin,
       },
       {
         hideArrow: true,
         icon: 'block',
         title: intl.formatMessage(messages.removedMembers),
         onClick: this.handleOnOpenRemovedMembers,
+        isHidden: !isAdmin,
       },
       {
         hideArrow: true,
         icon: 'pencil',
         title: intl.formatMessage(messages.editGroup),
         onClick: this.handleEditGroup,
-      }
+        isHidden: !isAdmin,
+      },
+      {
+        hideArrow: true,
+        icon: 'star',
+        title: intl.formatMessage(isShortcut ? messages.remove_from_shortcuts : messages.add_to_shortcuts),
+        onClick: this.handleOnToggleShortcut,
+      },
     ]
 
     return (
       <PopoverLayout
-        width={210}
+        width={240}
         isXS={isXS}
         onClose={this.handleOnClosePopover}
       >