From 1a7c2893244387ab71816b0a421942d94f95331a Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Thu, 1 Sep 2016 17:37:30 -0700
Subject: [PATCH] Fix(flash): Turn flash messages into toasts.

---
 client/index.js      | 29 ++++++++++++++++++++++++-----
 server/boot/react.js |  1 +
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/client/index.js b/client/index.js
index e8e3ce0bd1..ceca154391 100644
--- a/client/index.js
+++ b/client/index.js
@@ -15,6 +15,7 @@ import sendPageAnalytics from './utils/send-page-analytics.js';
 
 import createApp from '../common/app';
 import provideStore from '../common/app/provide-store';
+import { makeToast } from '../common/app/toasts/redux/actions';
 
 // client specific sagas
 import sagas from './sagas';
@@ -35,6 +36,21 @@ const initialState = isColdStored() ?
   window.__fcc__.data;
 initialState.app.csrfToken = csrfToken;
 
+const toasts = Object.keys(window.__fcc__.flash)
+  .map(key => {
+    const messages = window.__fcc__.flash[key];
+    return messages.map(message => ({
+      message: message.msg,
+      type: key,
+      timeout: 5000
+    }));
+  })
+  .reduce((toasts, messages) => toasts.concat(messages), [])
+  .map(makeToast)
+  .map(({ payload }) => payload);
+
+delete window.__fcc__;
+
 const serviceOptions = { xhrPath: '/services', context: { _csrf: csrfToken } };
 
 const history = useLangRoutes(createHistory)();
@@ -56,7 +72,7 @@ createApp({
     syncHistoryWithStore,
     syncOptions: { adjustUrlOnReplay },
     serviceOptions,
-    initialState,
+    initialState: { ...initialState, toasts },
     middlewares: [ routerMiddleware(history) ],
     sagas: [...sagas ],
     sagaOptions,
@@ -72,10 +88,13 @@ createApp({
     }
   })
   .doOnNext(() => log('rendering'))
-  .flatMap(({ props, store }) => render(
-    provideStore(React.createElement(Router, props), store),
-    DOMContainer
-  ))
+  .flatMap(
+    ({ props, store }) => render(
+      provideStore(React.createElement(Router, props), store),
+      DOMContainer
+    ),
+    ({ store }) => store
+  )
   .subscribe(
     () => debug('react rendered'),
     err => { throw err; },
diff --git a/server/boot/react.js b/server/boot/react.js
index 3a431184ba..83a1686373 100644
--- a/server/boot/react.js
+++ b/server/boot/react.js
@@ -87,6 +87,7 @@ export default function reactSubRouter(app) {
         const { title } = state.app;
         epic.dispose();
         res.expose(state, 'data');
+        res.expose(req.flash(), 'flash');
         return res.render$(
           'layout-react',
           { markup, title }