From 27332da8d3d57b879397633aca7a3a4d942950b7 Mon Sep 17 00:00:00 2001
From: Yi-Jacob <jacobyideveloper@gmail.com>
Date: Fri, 10 May 2024 11:51:42 -0500
Subject: [PATCH] 223 - Save Dark Mode to users browser

---
 .../df-side-nav/df-side-nav.component.html         |  1 -
 src/app/shared/services/df-theme.service.ts        | 14 +++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/components/df-side-nav/df-side-nav.component.html b/src/app/shared/components/df-side-nav/df-side-nav.component.html
index db7b10ea..0ac72dc8 100644
--- a/src/app/shared/components/df-side-nav/df-side-nav.component.html
+++ b/src/app/shared/components/df-side-nav/df-side-nav.component.html
@@ -117,7 +117,6 @@ <h1 class="page-header">
                       <span>{{ breadcrumb.label }}</span>
                     </ng-template>
                   </ng-template>
-                  <span *ngIf="i !== breadCrumbs.length - 1"> / </span>
                 </a>
               </ng-container>
 
diff --git a/src/app/shared/services/df-theme.service.ts b/src/app/shared/services/df-theme.service.ts
index e265d11c..eb288357 100644
--- a/src/app/shared/services/df-theme.service.ts
+++ b/src/app/shared/services/df-theme.service.ts
@@ -7,7 +7,19 @@ import { BehaviorSubject } from 'rxjs';
 export class DfThemeService {
   darkMode$ = new BehaviorSubject<boolean>(false);
 
-  setThemeMode(isDarkMode: boolean) {
+  constructor() {
+    this.loadInitialTheme();
+  }
+
+  setThemeMode(isDarkMode: boolean): void {
     this.darkMode$.next(isDarkMode);
+    localStorage.setItem('isDarkMode', JSON.stringify(isDarkMode));
+  }
+
+  loadInitialTheme(): void {
+    const storedTheme = localStorage.getItem('isDarkMode');
+    if (storedTheme) {
+      this.darkMode$.next(JSON.parse(storedTheme));
+    }
   }
 }