#149: create bsod component

src/components/ui/bsod/BSoD.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default function BSoD() {
+    return (
+        <img src="https://i.ytimg.com/vi/_aT9r3ZFErY/maxresdefault.jpg" width="100%" height="100%" />
+    );
+}

src/components/ui/bsod/actions.js

@@ -0,0 +1,10 @@
+export const BSOD = 'BSOD';
+
+/**
+ * @return {object}
+ */
+export function bsod() {
+    return {
+        type: BSOD
+    };
+}

src/components/ui/bsod/reducer.js

@@ -0,0 +1,9 @@
+import { BSOD } from './actions';
+
+export default function(state = false, {type}) {
+    if (type === BSOD) {
+        return true;
+    }
+
+    return state;
+}

src/index.js

@@ -48,7 +48,8 @@ function restoreScroll() {
         const viewPort = document.getElementById('view-port');
 
         if (!viewPort) {
-            throw new Error('Can not find viewPort element');
+            console.log('Can not find viewPort element');
+            return;
         }
 
         let y = 0;

src/pages/root/RootPage.jsx

@@ -6,6 +6,7 @@ import classNames from 'classnames';
 
 import Userbar from 'components/userbar/Userbar';
 import PopupStack from 'components/ui/popup/PopupStack';
+import BSoD from 'components/ui/bsod/BSoD';
 
 import styles from './root.scss';
 
@@ -22,6 +23,10 @@ if (process.env.NODE_ENV === 'production') {
 function RootPage(props) {
     const isRegisterPage = props.location.pathname === '/register';
 
+    if (props.bsod) {
+        return <BSoD />;
+    }
+
     return (
         <div className={styles.root}>
             <div id="view-port" className={classNames(styles.viewPort, {
@@ -56,14 +61,16 @@ RootPage.propTypes = {
         pathname: PropTypes.string
     }).isRequired,
     children: PropTypes.element,
+    bsod: PropTypes.bool.isRequired,
     logout: PropTypes.func.isRequired,
-    isPopupActive: PropTypes.bool
+    isPopupActive: PropTypes.bool.isRequired
 };
 
 import { connect } from 'react-redux';
 import { logout } from 'components/user/actions';
 
 export default connect((state) => ({
+    bsod: state.bsod,
     user: state.user,
     isPopupActive: state.popup.popups.length > 0
 }), {

src/reducers.js

@@ -6,8 +6,10 @@ import auth from 'components/auth/reducer';
 import user from 'components/user/reducer';
 import i18n from 'components/i18n/reducer';
 import popup from 'components/ui/popup/reducer';
+import bsod from 'components/ui/bsod/reducer';
 
 export default combineReducers({
+    bsod,
     auth,
     user,
     i18n,