Bring notifs code into application and update deps

Author: jmwohl

.DS_Store

@@ -29,4 +29,6 @@ node_modules
 # Bower
 bower_components/
 
-.env
+.env
+
+.DS_Store

.gitignore

@@ -93,6 +93,7 @@
     "normalize.css": "^4.0.0",
     "normalizr": "^3.4.1",
     "react": "^16.12.0",
+    "react-addons-css-transition-group": "^15.6.2",
     "react-bootstrap": "^1.0.0-beta.16",
     "react-dom": "^16.12.0",
     "react-hot-loader": "^3.0.0-beta.5",
@@ -109,7 +110,6 @@
     "react-waypoint": "^9.0.2",
     "redux": "^4.0.4",
     "redux-form": "^8.2.6",
-    "redux-notifications": "^4.0.1",
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0"
   }

package-lock.json

@@ -1,6 +1,5 @@
 import {DELETE_ARTWORK_SUCCESS} from './../const';
-import { actions as notifActions } from 'redux-notifications';
-const { notifSend } = notifActions;
+import { notifSend } from '../notifications';
 
 export default function(artwork) {
   return (dispatch) => {

package.json

@@ -1,7 +1,6 @@
 import {DELETE_FRAME_SUCCESS} from './../const';
 import { unbindFrameEvents } from '../../services/pubsub';
-import { actions as notifActions } from 'redux-notifications';
-const { notifSend } = notifActions;
+import { notifSend } from '../notifications';
 
 export default function(frame) {
   return (dispatch) => {

src/actions/artwork/deleteArtworkSuccess.js

@@ -2,19 +2,10 @@ import {UPDATE_CURRENT_ARTWORK_SUCCESS} from './../const';
 
 import { normalize } from 'normalizr';
 import * as schema from '../schema';
-// import { actions as notifActions } from 'redux-notifications';
-// const { notifSend } = notifActions;
 
 export default function(response) {
   return dispatch => {
     let frame = response;
     dispatch({ type: UPDATE_CURRENT_ARTWORK_SUCCESS, response: normalize(frame, schema.frame) });
-    // let notification = {
-    //   message: 'Current artwork updated.',
-    //   kind: 'info',
-    //   dismissAfter: 5000
-    // }
-    // dispatch(notifSend(notification));
-
   }
 };

src/actions/frame/deleteFrameSuccess.js

@@ -0,0 +1,43 @@
+const objectAssign = require('object-assign');
+
+export const NOTIF_SEND = 'NOTIF_SEND';
+export const NOTIF_DISMISS = 'NOTIF_DISMISS';
+export const NOTIF_CLEAR = 'NOTIF_CLEAR';
+
+/**
+ * Publish a notification,
+ * - if `dismissAfter` was set, the notification will be auto dismissed after the given period.
+ * - if id wasn't specified, a time based id will be generated.``
+ */
+export function notifSend(notif) {
+  const payload = objectAssign({}, notif);
+  if (!payload.id) {
+    payload.id = new Date().getTime();
+  }
+  return dispatch => {
+    dispatch({ type: NOTIF_SEND, payload });
+
+    if (payload.dismissAfter) {
+      setTimeout(() => {
+        dispatch({
+          type: NOTIF_DISMISS,
+          payload: payload.id,
+        });
+      }, payload.dismissAfter);
+    }
+  };
+}
+
+/**
+ * Dismiss a notification by the given id.
+ */
+export function notifDismiss(id) {
+  return { type: NOTIF_DISMISS, payload: id };
+}
+
+/**
+ * Clear all notifications
+ */
+export function notifClear() {
+  return { type: NOTIF_CLEAR };
+}

src/actions/frame/updateCurrentArtworkSuccess.js

@@ -1,7 +1,6 @@
 import {REMOVE_FROM_FRAME_SUCCESS} from './../const';
 import { unbindFrameEvents } from '../../services/pubsub';
-import { actions as notifActions } from 'redux-notifications';
-const { notifSend } = notifActions;
+import { notifSend } from '../notifications';
 
 export default function(frame) {
   return (dispatch, getState) => {

src/actions/notifications.js

@@ -1,8 +1,7 @@
 import { normalize } from 'normalizr';
 import {UPDATE_USER_SUCCESS} from './../const';
 import * as schema from '../schema';
-import { actions as notifActions } from 'redux-notifications';
-const { notifSend } = notifActions;
+import { notifSend } from '../notifications';
 
 export default function(response, notice) {
   return dispatch => {