inject reducers

Author: bertho-zero

src/containers/ChatFeathers/ChatFeathers.js

@@ -2,11 +2,13 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { provideHooks } from 'redial';
 import { connect } from 'react-redux';
-import * as chatActions from 'redux/modules/chat';
+import reducer, * as chatActions from 'redux/modules/chat';
 import { withApp } from 'hoc';
 
 @provideHooks({
-  fetch: ({ store: { dispatch, getState } }) => {
+  fetch: async ({ store: { dispatch, getState, inject } }) => {
+    inject({ chat: reducer });
+
     const state = getState();
 
     if (state.online) {

src/containers/Survey/Survey.js

@@ -1,10 +1,15 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { provideHooks } from 'redial';
 import { connect } from 'react-redux';
 import Helmet from 'react-helmet';
 import { initialize } from 'redux-form';
+import reducer from 'redux/modules/survey';
 import SurveyForm from 'components/SurveyForm/SurveyForm';
 
+@provideHooks({
+  fetch: ({ store: { inject } }) => inject({ survey: reducer })
+})
 @connect(() => ({}), { initialize })
 export default class Survey extends Component {
   static propTypes = {

src/containers/Widgets/Widgets.js

@@ -3,13 +3,15 @@ import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import { provideHooks } from 'redial';
 import { connect } from 'react-redux';
-import * as widgetActions from 'redux/modules/widgets';
+import reducer, * as widgetActions from 'redux/modules/widgets';
 import WidgetForm from 'components/WidgetForm/WidgetForm';
 
 const { isLoaded, load: loadWidgets } = widgetActions;
 
 @provideHooks({
-  defer: ({ store: { dispatch, getState } }) => {
+  defer: ({ store: { dispatch, getState, inject } }) => {
+    inject({ widgets: reducer });
+
     if (!isLoaded(getState())) {
       return dispatch(loadWidgets()).catch(() => null);
     }

src/redux/create.js

@@ -7,7 +7,7 @@ import createReducers from './reducer';
 export function inject(store, reducers) {
   Object.entries(reducers).forEach(([name, reducer]) => {
     if (store.asyncReducers[name]) return;
-    store.asyncReducers[name] = reducer;
+    store.asyncReducers[name] = reducer.__esModule ? reducer.default : reducer;
   });
 
   store.replaceReducer(combineReducers(createReducers(store.asyncReducers)));

src/redux/reducer.js

@@ -5,9 +5,6 @@ import auth from './modules/auth';
 import notifs from './modules/notifs';
 import counter from './modules/counter';
 import info from './modules/info';
-import widgets from './modules/widgets';
-import survey from './modules/survey';
-import chat from './modules/chat';
 
 export default function createReducers(asyncReducers) {
   return {
@@ -22,9 +19,6 @@ export default function createReducers(asyncReducers) {
       counter3: counter
     }),
     info,
-    widgets,
-    survey,
-    chat,
     ...asyncReducers
   };
 }

src/routes.js

@@ -4,8 +4,6 @@ import { routerActions } from 'react-router-redux';
 import { connectedReduxRedirect } from 'redux-auth-wrapper/history4/redirect';
 import { App, Home, NotFound } from 'containers';
 
-/* eslint-disable react/prop-types */
-
 const About = Loadable({
   loader: () => import('./containers/About/About'),
   loading: () => <div>Loading</div>
@@ -46,8 +44,6 @@ const Widgets = Loadable({
   loading: () => <div>Loading</div>
 });
 
-/* eslint-enable react/prop-types */
-
 const isAuthenticated = connectedReduxRedirect({
   redirectPath: '/login',
   authenticatedSelector: state => state.auth.user !== null,