move endTransition to render

Author: olegman

src/index.ts

@@ -2,6 +2,7 @@ import { createAction, handleActions } from 'redux-actions-helpers';
 
 // actions
 export const startTransition = createAction('@@router/START_TRANSITION', payload => ({ payload }));
+export const resolved = createAction('@@router/RESOLVED', payload => ({ payload }));
 export const endTransition = createAction('@@router/END_TRANSITION', payload => ({ payload }));
 
 // reducer
@@ -12,7 +13,7 @@ const initialState = {
     status: null,
     params: null,
     redirect: null,
-
+    isTransition: false
 };
 export const reducer = handleActions({
     [startTransition]: (state, { payload }) => {
@@ -21,6 +22,12 @@ export const reducer = handleActions({
             ...payload
         }
     },
+    [resolved]: (state, { payload }) => {
+        return {
+            ...state,
+            ...payload
+        }
+    },
     [endTransition]: (state, { payload }) => {
         return {
             ...state,
@@ -32,9 +39,12 @@ export const reducer = handleActions({
 // hook
 export const hookRedux = ({ dispatch }) => ({
     start: ({ path, location }) => {
-        dispatch(startTransition({ path, location }));
+        dispatch(startTransition({ path, location, isTransition: true }));
     },
     resolve: ({ route, status, params, redirect }) => {
         dispatch(endTransition({ route, status, params, redirect }));
+    },
+    render: () => {
+        dispatch(endTransition({ isTransition: false }));
     }
 });