Enable bsod for testing and fixed errors due to lack of intl context

src/components/ui/bsod/BSoD.jsx

@@ -2,31 +2,36 @@ import React from 'react';
 
 import { FormattedMessage as Message } from 'react-intl';
 
+import { IntlProvider } from 'components/i18n';
 import appInfo from 'components/auth/appInfo/AppInfo.intl.json';
 import messages from './BSoD.intl.json';
 
 import styles from './styles.scss';
 
-export default function BSoD() {
+// TODO: probably it is better to render this view from the App view
+// to remove dependencies from store and IntlProvider
+export default function BSoD({store}) {
     return (
-        <div className={styles.body}>
-            <div className={styles.wrapper}>
-                <div className={styles.title}>
-                    <Message {...appInfo.appName} />
-                </div>
-                <div className={styles.lineWithMargin}>
-                    <Message {...messages.criticalErrorHappened} />
-                </div>
-                <div className={styles.line}>
-                    <Message {...messages.reloadPageOrContactUs} />
-                </div>
-                <a href="mailto:support@ely.by" className={styles.support}>
-                    support@ely.by
-                </a>
-                <div className={styles.easterEgg}>
-                    <Message {...messages.alsoYouCanInteractWithBackground}/>
+        <IntlProvider store={store}>
+            <div className={styles.body}>
+                <div className={styles.wrapper}>
+                    <div className={styles.title}>
+                        <Message {...appInfo.appName} />
+                    </div>
+                    <div className={styles.lineWithMargin}>
+                        <Message {...messages.criticalErrorHappened} />
+                    </div>
+                    <div className={styles.line}>
+                        <Message {...messages.reloadPageOrContactUs} />
+                    </div>
+                    <a href="mailto:support@ely.by" className={styles.support}>
+                        support@ely.by
+                    </a>
+                    <div className={styles.easterEgg}>
+                        <Message {...messages.alsoYouCanInteractWithBackground}/>
+                    </div>
                 </div>
             </div>
-        </div>
+        </IntlProvider>
     );
 }

src/components/ui/bsod/dispatchBsod.js

@@ -12,7 +12,7 @@ export default function dispatchBsod(store = injectedStore) {
     onBsod && onBsod();
 
     ReactDOM.render(
-        <BSoD />,
+        <BSoD store={store} />,
         document.getElementById('app')
     );
 }

src/index.js

@@ -20,6 +20,8 @@ logger.init({
     sentryCdn: window.SENTRY_CDN
 });
 
+import dispatchBsod from 'components/ui/bsod/dispatchBsod'; // TODO: remove after tests
+
 const store = storeFactory();
 
 bsodFactory(store, stopLoading);
@@ -47,6 +49,7 @@ Promise.all([
                 <Router history={browserHistory} onUpdate={() => {
                     restoreScroll();
                     stopLoading();
+                    setTimeout(dispatchBsod, 0);  // TODO: remove after tests
                 }}>
                     {routesFactory(store)}
                 </Router>

src/services/authFlow/AuthFlow.js

@@ -11,8 +11,6 @@ import ActivationState from './ActivationState';
 import CompleteState from './CompleteState';
 import ResendActivationState from './ResendActivationState';
 
-import dispatchBsod from 'components/ui/bsod/dispatchBsod';
-
 export default class AuthFlow {
     constructor(actions) {
         if (typeof actions !== 'object') {