From 15ae28e3f349f2c9c147e74848fc4f4f7b942261 Mon Sep 17 00:00:00 2001
From: Luca Favini <luca.favini.02@gmail.com>
Date: Thu, 25 Apr 2024 01:24:45 +0200
Subject: [PATCH 1/2] feat(fe/components): save theme to localstorage

---
 frontend/src/components/theme.svelte | 51 ++++++++--------------------
 frontend/src/utils/themes.js         | 34 +++++++++++++++++++
 2 files changed, 49 insertions(+), 36 deletions(-)
 create mode 100644 frontend/src/utils/themes.js

diff --git a/frontend/src/components/theme.svelte b/frontend/src/components/theme.svelte
index 9320fa1..c2b510b 100644
--- a/frontend/src/components/theme.svelte
+++ b/frontend/src/components/theme.svelte
@@ -1,57 +1,36 @@
 <script>
+  import { onMount } from "svelte"
+  import themes from "../utils/themes"
+
   export let classes = ""
 
   let theme
   let check
 
-  const themes = [
-    "light",
-    "dark",
-    "cupcake",
-    "bumblebee",
-    "emerald",
-    "corporate",
-    "synthwave",
-    "retro",
-    "cyberpunk",
-    "valentine",
-    "halloween",
-    "garden",
-    "forest",
-    "aqua",
-    "lofi",
-    "pastel",
-    "fantasy",
-    "wireframe",
-    "black",
-    "luxury",
-    "dracula",
-    "cmyk",
-    "autumn",
-    "business",
-    "acid",
-    "lemonade",
-    "night",
-    "coffee",
-    "winter",
-    "dim",
-    "nord",
-    "sunset",
-  ]
+  onMount(() => {
+    theme = window.localStorage.getItem("theme") || "halloween"
+
+    // force theme change by ticking and unticking the checkbox
+    check = false
+    check = true
+  })
 
   function randomTheme() {
     let random = Math.floor(Math.random() * themes.length)
     while (theme == themes[random]) {
       random = Math.floor(Math.random() * themes.length)
     }
+
     theme = themes[random]
+    window.localStorage.setItem("theme", theme)
     console.log(`The new theme is ${theme}!`)
+
+    // force theme change by ticking and unticking the checkbox
     check = false
     check = true
   }
-
 </script>
 
 <button on:click={randomTheme} class="btn btn-primary {classes}">Change Theme</button>
 
-<input type="checkbox" class="theme-controller hidden" aria-label={`${theme} theme`} value={theme} checked={check} />
+<input type="checkbox" class="theme-controller hidden" aria-label={`${theme} theme`} bind:value={theme} bind:checked={check} />
diff --git a/frontend/src/utils/themes.js b/frontend/src/utils/themes.js
new file mode 100644
index 0000000..a2c7c2f
--- /dev/null
+++ b/frontend/src/utils/themes.js
@@ -0,0 +1,34 @@
+export default [
+  "light",
+  "dark",
+  "cupcake",
+  "bumblebee",
+  "emerald",
+  "corporate",
+  "synthwave",
+  "retro",
+  "cyberpunk",
+  "valentine",
+  "halloween",
+  "garden",
+  "forest",
+  "aqua",
+  "lofi",
+  "pastel",
+  "fantasy",
+  "wireframe",
+  "black",
+  "luxury",
+  "dracula",
+  "cmyk",
+  "autumn",
+  "business",
+  "acid",
+  "lemonade",
+  "night",
+  "coffee",
+  "winter",
+  "dim",
+  "nord",
+  "sunset",
+]

From c9ad545bd97a0e08b94cc7c23b002c37b1144087 Mon Sep 17 00:00:00 2001
From: Luca Favini <luca.favini.02@gmail.com>
Date: Thu, 25 Apr 2024 01:25:09 +0200
Subject: [PATCH 2/2] repo: update changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fcfde24..2523585 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - round average rating (issue #15)
 - dynamically fetch know issues
 - add university field to toilets
+- notification after redirect
+- redirect to requested page after login/registration
+- make theme persistent (save in local storage)
 
 ## Changelog init (Version 1.0)