mastofe

commit: 46f5d3a2e95a2db7a8197929a7973259ad067a07
parent: 76318f88306656a4a74f190375a78713327bc4e4
Author: unarist <m.unarist@gmail.com>
Date:   Sun,  9 Jul 2017 00:22:24 +0900

Fix first loading of notifications when the column is pinned (#4114)


Diffstat:
M
app/javascript/mastodon/features/ui/index.js
9
+--------
M
app/javascript/mastodon/features/ui/util/async-components.js
3
+++

2 files changed, 4 insertions(+), 8 deletions(-)
diff --git a/app/javascript/mastodon/features/ui/index.js b/app/javascript/mastodon/features/ui/index.js
@@ -11,10 +11,8 @@ import { isMobile } from '../../is_mobile';
 import { debounce } from 'lodash';
 import { uploadCompose } from '../../actions/compose';
 import { refreshHomeTimeline } from '../../actions/timelines';
-import { refreshNotifications } from '../../actions/notifications';
 import { WrappedSwitch, WrappedRoute } from './util/react_router_helpers';
 import UploadArea from './components/upload_area';
-import { store } from '../../containers/mastodon';
 import ColumnsAreaContainer from './containers/columns_area_container';
 import {
   Compose,
@@ -30,7 +28,7 @@ import {
   Reblogs,
   Favourites,
   HashtagTimeline,
-  Notifications as AsyncNotifications,
+  Notifications,
   FollowRequests,
   GenericNotFound,
   FavouritedStatuses,
@@ -38,11 +36,6 @@ import {
   Mutes,
 } from './util/async-components';
 
-const Notifications = () => AsyncNotifications().then(component => {
-  store.dispatch(refreshNotifications());
-  return component;
-});
-
 // Dummy import, to make sure that <Status /> ends up in the application bundle.
 // Without this it ends up in ~8 very commonly used bundles.
 import '../../components/status';
diff --git a/app/javascript/mastodon/features/ui/util/async-components.js b/app/javascript/mastodon/features/ui/util/async-components.js
@@ -1,4 +1,5 @@
 import { store } from '../../../containers/mastodon';
+import { refreshNotifications } from '../../../actions/notifications';
 import { injectAsyncReducer } from '../../../store/configureStore';
 
 // NOTE: When lazy-loading reducers, make sure to add them
@@ -30,6 +31,8 @@ export function Notifications () {
   ]).then(([component, notificationsReducer]) => {
     injectAsyncReducer(store, 'notifications', notificationsReducer.default);
 
+    store.dispatch(refreshNotifications());
+
     return component;
   });
 }