No setTimeout for server rendering!

clarkmalmgren · Feb 13, 2018 · 075d6c9 · 075d6c9
1 parent d406a14
commit 075d6c9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bolingbrook-church",
-  "version": "1.3.10",
+  "version": "1.3.11",
   "license": "MIT",
   "angular-cli": {},
   "scripts": {

diff --git a/src/app/components/molecules/popup.ts b/src/app/components/molecules/popup.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit }                          from '@angular/core';
 import { trigger, state, style, animate, transition } from '@angular/animations';
+import { Aperture }                                   from '../../services'
 
 @Component({
   selector: 'bc-popup',
@@ -15,10 +16,13 @@ import { trigger, state, style, animate, transition } from '@angular/animations'
 })
 export class PopupComponent implements OnInit {
 
-  popupState: string = 'hidden';
+  popupState: string = 'shown';
+
+  constructor(private aperture: Aperture) {}
 
   ngOnInit() {
-    setTimeout(() => this.popupState = 'shown', 1000);
-    setTimeout(() => this.popupState = 'hidden', 10000);
+    if (this.aperture.browser) {
+      setTimeout(() => this.popupState = 'hidden', 10000);
+    }
   }
 }