many new

src/store/actionTypes.ts

@@ -1,7 +1,9 @@
 enum ActionTypes {
     SET_USER = 'SET_USER',
     LOGOUT = 'LOGOUT',
-    ADD_NOTIFICATION = 'ADD_NOTIFICATION'
+    ADD_NOTIFICATION = 'ADD_NOTIFICATION',
+    SET_MODAL = 'SET_MODAL',
+    HIDE_MODAL = 'HIDE_MODAL'
 }
 
 export default ActionTypes;

src/store/actions.ts

@@ -14,5 +14,14 @@ const addNotification = (notification: React.ReactNode) => ({
     notification
 });
 
+const setModal = (modal: React.ReactNode | null) => ({
+    type: ActionTypes.SET_MODAL,
+    modal
+});
+const hideModal = () => ({
+    type: ActionTypes.HIDE_MODAL
+})
+
 export { setUser, logout,
-         addNotification };
+         addNotification,
+         setModal, hideModal };

src/store/reducers/index.ts

@@ -1,6 +1,6 @@
 import {combineReducers} from "redux";
 import currentUser from "./currentUser";
 import notifications from "./notifications";
+import modal from "./modal";
 
-
-export default combineReducers({ currentUser, notifications })
+export default combineReducers({ currentUser, notifications, modal })

src/store/reducers/modal.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import ActionTypes from "../actionTypes";
+
+const initialState: React.ReactNode | null = null;
+
+type Action = {
+    type: string
+    modal: React.ReactNode | null
+}
+
+export default (state=initialState, action: Action) => {
+    switch (action.type) {
+        case ActionTypes.SET_MODAL: {
+            return action.modal;
+        }
+        case ActionTypes.HIDE_MODAL: {
+            return null;
+        }
+        default: return state;
+    }
+}