diff --git a/src/components/ui/bsod/BSoD.intl.json b/src/components/ui/bsod/BSoD.intl.json new file mode 100644 index 0000000..fb0e35d --- /dev/null +++ b/src/components/ui/bsod/BSoD.intl.json @@ -0,0 +1,5 @@ +{ + "criticalErrorHappened": "There was an critical error due to which the application can not continue its normal operation.", + "reloadPageOrContactUs": "Please reload the page to try again. If the problem occurs again, please report it to the developers by sending email to", + "alsoYouCanInteractWithBackground": "And yet you can interact with the background - it is interactive ;)" +} diff --git a/src/components/ui/bsod/BSoD.jsx b/src/components/ui/bsod/BSoD.jsx index 256625c..993c1d8 100644 --- a/src/components/ui/bsod/BSoD.jsx +++ b/src/components/ui/bsod/BSoD.jsx @@ -1,7 +1,32 @@ import React from 'react'; +import { FormattedMessage as Message } from 'react-intl'; + +import appInfo from 'components/auth/appInfo/AppInfo.intl.json'; +import messages from './BSoD.intl.json'; + +import styles from './styles.scss'; + export default function BSoD() { return ( - +
+
+
+ +
+
+ +
+
+ +
+ + support@ely.by + +
+ +
+
+
); } diff --git a/src/components/ui/bsod/styles.scss b/src/components/ui/bsod/styles.scss new file mode 100644 index 0000000..c6b3006 --- /dev/null +++ b/src/components/ui/bsod/styles.scss @@ -0,0 +1,48 @@ +@import '~components/ui/colors.scss'; + +$font-family-monospaced: 'Consolas', monospace; + +.body { + height: 100%; + background-color: $dark_blue; + border-top: 50px solid darker($dark_blue); + color: #fff; + text-align: center; + font-family: $font-family-monospaced; + box-sizing: border-box; +} + +.wrapper { + margin: 85px auto 0; + max-width: 500px; + padding: 0 20px; +} + +.title { + font-size: 26px; + margin-bottom: 13px; +} + +.line { + margin: 0 auto; + font-size: 16px; + color: #EBE8E1; +} + +.lineWithMargin { + composes: line; + + margin-bottom: 20px; +} + +.support { + font-size: 18px; + color: #FFF; + margin: 3px 0 44px; + display: block; +} + +.easterEgg { + font-size: 14px; + color: #EBE8E1; +} diff --git a/src/services/authFlow/AuthFlow.js b/src/services/authFlow/AuthFlow.js index ec361ba..025a2fb 100644 --- a/src/services/authFlow/AuthFlow.js +++ b/src/services/authFlow/AuthFlow.js @@ -11,6 +11,8 @@ 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') {