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/features/shortcuts.js

@@ -0,0 +1,62 @@
+import ImmutablePureComponent from 'react-immutable-pure-component'
+import ImmutablePropTypes from 'react-immutable-proptypes'
+import { fetchShortcuts } from '../actions/shortcuts'
+import ColumnIndicator from '../components/column_indicator'
+import List from '../components/list'
+
+const mapStateToProps = (state) => ({
+  isError: state.getIn(['shortcuts', 'isError']),
+  isLoading: state.getIn(['shortcuts', 'isLoading']),
+  shortcuts: state.getIn(['shortcuts', 'items']),
+})
+
+const mapDispatchToProps = (dispatch) => ({
+  onFetchShortcuts() {
+    dispatch(fetchShortcuts())
+  },
+})
+
+export default
+@connect(mapStateToProps, mapDispatchToProps)
+class Shortcuts extends ImmutablePureComponent {
+
+  static propTypes = {
+    isLoading: PropTypes.bool.isRequired,
+    isError: PropTypes.bool.isRequired,
+    onFetchShortcuts: PropTypes.func.isRequired,
+    shortcuts: ImmutablePropTypes.list,
+  }
+
+  componentDidMount() {
+    this.props.onFetchShortcuts()
+  }
+
+  render() {
+    const {
+      isLoading,
+      isError,
+      shortcuts,
+    } = this.props
+
+    if (isLoading) {
+      return <ColumnIndicator type='loading' />
+    } else if (isError) {
+      return <ColumnIndicator type='error' message='Error fetching shortcuts' />
+    }
+
+    const listItems = shortcuts.map((s) => ({
+      to: s.get('to'),
+      title: s.get('title'),
+      image: s.get('image'),
+    }))
+
+    return (
+      <List
+        scrollKey='shortcuts'
+        emptyMessage='You have no shortcuts'
+        items={listItems}
+      />
+    )
+  }
+
+}

app/javascript/gabsocial/features/ui/ui.js

@@ -75,7 +75,7 @@ import {
   PrivacyPolicy,
   ProTimeline,
   Search,
-  // Shortcuts,
+  Shortcuts,
   StatusFeature,
   StatusLikes,
   StatusReposts,
@@ -188,7 +188,7 @@ class SwitchingArea extends PureComponent {
 
         <WrappedRoute path='/tags/:id' publicRoute page={HashtagPage} component={HashtagTimeline} content={children} componentParams={{ title: 'Hashtag' }} />
 
-        { /* <WrappedRoute path='/shortcuts' publicRoute page={ShortcutsPage} component={Shortcuts} content={children} /> */ }
+        <WrappedRoute path='/shortcuts' page={ShortcutsPage} component={Shortcuts} content={children} />
 
         <WrappedRoute path='/lists' exact page={ListsPage} component={ListsDirectory} content={children} />
         <WrappedRoute path='/lists/create' exact page={ModalPage} component={ListCreate} content={children} componentParams={{ title: 'Create List', page: 'create-list' }} />

app/javascript/gabsocial/features/ui/util/async_components.js

@@ -15,6 +15,7 @@ export function DatePickerPopover() { return import(/* webpackChunkName: "compon
 export function DisplayOptionsModal() { return import(/* webpackChunkName: "components/display_options_modal" */'../../../components/modal/display_options_modal') }
 export function DMCA() { return import(/* webpackChunkName: "features/about/dmca" */'../../about/dmca') }
 export function EditProfileModal() { return import(/* webpackChunkName: "components/edit_profile_modal" */'../../../components/modal/edit_profile_modal') }
+export function EditShortcutsModal() { return import(/* webpackChunkName: "components/edit_shortcuts_modal" */'../../../components/modal/edit_shortcuts_modal') }
 export function EmbedModal() { return import(/* webpackChunkName: "modals/embed_modal" */'../../../components/modal/embed_modal') }
 export function EmojiPicker() { return import(/* webpackChunkName: "emoji_picker" */'../../../components/emoji/emoji_picker') }
 export function EmojiPickerPopover() { return import(/* webpackChunkName: "components/emoji_picker_popover" */'../../../components/popover/emoji_picker_popover') }
@@ -64,6 +65,7 @@ export function ProfileOptionsPopover() { return import(/* webpackChunkName: "co
 export function ProUpgradeModal() { return import(/* webpackChunkName: "components/pro_upgrade_modal" */'../../../components/modal/pro_upgrade_modal') }
 export function ReportModal() { return import(/* webpackChunkName: "modals/report_modal" */'../../../components/modal/report_modal') }
 export function Search() { return import(/*webpackChunkName: "features/search" */'../../search') }
+export function Shortcuts() { return import(/*webpackChunkName: "features/shortcuts" */'../../shortcuts') }
 export function Status() { return import(/* webpackChunkName: "components/status" */'../../../components/status') }
 export function StatusFeature() { return import(/* webpackChunkName: "features/status" */'../../status') }
 export function SearchPopover() { return import(/* webpackChunkName: "components/search_popover" */'../../../components/popover/search_popover') }