[expands-navbar] State of navbar is now stored in local storage on large screens

1 files changed, 9 insertions, 5 deletions

diff --git a/src/scripts/expand-navbar.js b/src/scripts/expand-navbar.js
index a59a13f..a28a98c 100644
--- a/src/scripts/expand-navbar.js
+++ b/src/scripts/expand-navbar.js
@@ -1,16 +1,20 @@
 const expandBtn = document.getElementById('expandNavbarBtn');
 const sidebarElem = document.getElementsByClassName('sidebar')[0];
 
-expandBtn.classList.remove('hidden');
-sidebarElem.classList.add('sidebar-hidden');
+if (localStorage.getItem('navbar') === 'hidden') {
+	expandBtn.src = '/img/layout-navbar-expand-tabler.svg';
+	sidebarElem.classList.add('sidebar-hidden');
+}
 
 expandBtn.onclick = function() {
 	sidebarElem.classList.toggle('sidebar-hidden');
 
-	if (sidebarElem.classList.contains('sidebar-hidden')) {
-		expandBtn.src = '/img/layout-navbar-expand-tabler.svg';
+	if (localStorage.getItem('navbar') !== 'norm') {
+		expandBtn.src = '/img/layout-navbar-collapse-tabler.svg';
+		if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm');
 	}
 	else {
-		expandBtn.src = '/img/layout-navbar-collapse-tabler.svg';
+		expandBtn.src = '/img/layout-navbar-expand-tabler.svg';
+		localStorage.setItem('navbar', 'hidden');
 	}
 }