4 files changed, 30 insertions, 31 deletions

diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js
index 4b20fc480..3ababe54a 100644
--- a/src/components/layout/AppLayout.js
+++ b/src/components/layout/AppLayout.js
@@ -5,7 +5,7 @@ import { defineMessages, intlShape } from 'react-intl';
 import { TitleBar } from 'electron-react-titlebar';
 
 import InfoBar from '../ui/InfoBar';
-import { component as DelayApp } from '../../features/delayApp';
+import { Component as DelayApp } from '../../features/delayApp';
 import globalMessages from '../../i18n/globalMessages';
 
 import { isWindows } from '../../environment';
diff --git a/src/features/delayApp/Component.js b/src/features/delayApp/Component.js
index 2bfa1162e..403340c7b 100644
--- a/src/features/delayApp/Component.js
+++ b/src/features/delayApp/Component.js
@@ -24,7 +24,7 @@ const messages = defineMessages({
   },
 });
 
-export default @inject('actions') @observer @injectSheet(styles) class DelayApp extends Component {
+export default @inject('actions') @injectSheet(styles) @observer class DelayApp extends Component {
   static propTypes = {
     // eslint-disable-next-line
     classes: PropTypes.object.isRequired,
@@ -39,8 +39,6 @@ export default @inject('actions') @observer @injectSheet(styles) class DelayApp
   }
 
   componentDidMount() {
-    // const { reload } = this.props;
-
     this.countdownInterval = setInterval(() => {
       this.setState({
         countdown: this.state.countdown - this.countdownIntervalTimeout,
@@ -53,6 +51,10 @@ export default @inject('actions') @observer @injectSheet(styles) class DelayApp
     }, this.countdownIntervalTimeout);
   }
 
+  componentWillUnmount() {
+    clearInterval(this.countdownInterval);
+  }
+
   countdownInterval = null;
   countdownIntervalTimeout = 1000;
 
diff --git a/src/features/delayApp/index.js b/src/features/delayApp/index.js
index a3cce03ee..910b54959 100644
--- a/src/features/delayApp/index.js
+++ b/src/features/delayApp/index.js
@@ -63,5 +63,5 @@ export default function init(stores) {
   );
 }
 
-export const component = DelayAppComponent;
+export const Component = DelayAppComponent;
 
diff --git a/src/features/delayApp/styles.js b/src/features/delayApp/styles.js
index 097368d9a..5c214cfdf 100644
--- a/src/features/delayApp/styles.js
+++ b/src/features/delayApp/styles.js
@@ -1,26 +1,23 @@
-export default (theme) => {
-  console.log(theme);
-  return ({
-    container: {
-      background: theme.colorBackground,
-      position: 'absolute',
-      top: 0,
-      width: '100%',
-      display: 'flex',
-      'flex-direction': 'column',
-      'align-items': 'center',
-      'justify-content': 'center',
-      'z-index': 150,
-    },
-    headline: {
-      color: theme.colorHeadline,
-      margin: [25, 0, 40],
-      'max-width': 500,
-      'text-align': 'center',
-      'line-height': '1.3em',
-    },
-    button: {
-      margin: [40, 0, 20],
-    },
-  });
-};
+export default theme => ({
+  container: {
+    background: theme.colorBackground,
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    display: 'flex',
+    'flex-direction': 'column',
+    'align-items': 'center',
+    'justify-content': 'center',
+    'z-index': 150,
+  },
+  headline: {
+    color: theme.colorHeadline,
+    margin: [25, 0, 40],
+    'max-width': 500,
+    'text-align': 'center',
+    'line-height': '1.3em',
+  },
+  button: {
+    margin: [40, 0, 20],
+  },
+});