From 99f1a315ef3ab96040a1ff0209590400e1740f25 Mon Sep 17 00:00:00 2001
From: Trivernis <trivernis@gmail.com>
Date: Mon, 20 Jan 2020 09:25:16 +0100
Subject: [PATCH] Add theme to local storage

- Add theme to local storage to apply it on load instead of waiting for the user response
---
 .../main-navigation/main-navigation.component.ts    | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/app/components/main-navigation/main-navigation.component.ts b/src/app/components/main-navigation/main-navigation.component.ts
index 14a60de..b5db386 100644
--- a/src/app/components/main-navigation/main-navigation.component.ts
+++ b/src/app/components/main-navigation/main-navigation.component.ts
@@ -56,6 +56,10 @@ export class MainNavigationComponent implements OnInit {
   @HostBinding('class') componentCssClass;
 
   ngOnInit() {
+    if (this.lighttheme && this.getThemeFromLocalStorage() === 'dark-theme') {
+      this.toggleTheme();
+      this.darkModeButtonChecked = true;
+    }
     this.data.currentUserInfo.subscribe(user => {
       this.user = user;
       this.loggedIn = user.loggedIn;
@@ -70,11 +74,19 @@ export class MainNavigationComponent implements OnInit {
         // IF user activated darkmode and logged in after that
       } else if (this.user.loggedIn && !this.user.darkmode && !this.lighttheme) {
         this.settingsService.setDarkModeActive(true);
+        this.darkModeButtonChecked = true;
       }
       this.updateLinks();
     });
   }
 
+  /**
+   * Returns the saved theme from the local storage
+   */
+  private getThemeFromLocalStorage(): string {
+    return localStorage.getItem('theme');
+  }
+
   toggleTheme() {
     if (this.overlay.classList.contains('dark-theme')) {
       this.overlay.classList.remove('dark-theme');
@@ -108,6 +120,7 @@ export class MainNavigationComponent implements OnInit {
   onSetTheme(theme) {
     this.overlayContainer.getContainerElement().classList.add(theme);
     this.componentCssClass = theme;
+    localStorage.setItem('theme', theme);
   }
 
   logout() {