fix: guide-nav latests changes

client/src/components/layouts/components/guide/redux/index.js

@@ -1,6 +1,7 @@
 import { createAction, handleActions } from 'redux-actions';
 
 import { createTypes } from '../../../../../utils/createTypes';
+import { createSideNavigationSaga } from './side-navigation-saga';
 
 export const ns = 'guideNav';
 
@@ -15,6 +16,8 @@ const types = createTypes(
   ns
 );
 
+export const sagas = [...createSideNavigationSaga(types)];
+
 export const toggleExpandedState = createAction(types.toggleExpandedState);
 export const toggleDisplaySideNav = createAction(types.toggleDisplaySideNav);
 export const toggleDisplayMenu = createAction(types.toggleDisplayMenu);

client/src/components/layouts/components/guide/redux/side-navigation-saga.js

@@ -0,0 +1,14 @@
+import { takeEvery, put } from 'redux-saga/effects';
+
+// import { put, takeEvery, take } from 'redux-saga/effects';
+
+import { openDonationModal } from '../../../../../redux';
+
+function* showDonateModalSaga() {
+  console.log('hello');
+  yield put(openDonationModal());
+}
+
+export function createSideNavigationSaga(types) {
+  takeEvery(types.toggleDisplaySideNav, showDonateModalSaga);
+}

client/src/redux/rootSaga.js

@@ -5,6 +5,15 @@ import { sagas as appSagas } from './';
 import { sagas as challengeSagas } from '../templates/Challenges/redux';
 import { sagas as settingsSagas } from './settings';
 
+// eslint-disable-next-line max-len
+import { sagas as sideNavigationSaga } from '../components/layouts/components/guide/redux';
+
 export default function* rootSaga() {
-  yield all([...errorSagas, ...appSagas, ...challengeSagas, ...settingsSagas]);
+  yield all([
+    ...errorSagas,
+    ...appSagas,
+    ...challengeSagas,
+    ...settingsSagas,
+    ...sideNavigationSaga
+  ]);
 }