kristoferssolo/cipher-workshop
1
0
Fork 0
mirror of https://github.com/kristoferssolo/cipher-workshop.git synced 2025-12-20 11:04:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(web): add persistent theme

Browse Source
This commit is contained in:
Kristofers Solo 2025-11-26 19:17:25 +02:00
parent 01eac0bc85
commit 045f49a9ef
Signed by: kristoferssolo
GPG Key ID: 8687F2D3EEE6F0ED
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/pages/header.rs
View File

@ -4,17 +4,17 @@ use std::fmt::Display;
#[component] #[component]
pub fn Header() -> impl IntoView { pub fn Header() -> impl IntoView {
let initial_theme = { let (theme, set_theme) = signal(Theme::Dark);
Effect::new(move |_| {
if let Ok(Some(storage)) = window().local_storage() if let Ok(Some(storage)) = window().local_storage()
&& let Ok(Some(saved)) = storage.get_item("theme") && let Ok(Some(saved)) = storage.get_item("theme")
{ {
Theme::from_local_storage(&saved) let theme = Theme::from_local_storage(&saved);
} else { set_theme(theme);
Theme::Dark apply_theme(theme);
} }
}; });
let (theme, set_theme) = signal(initial_theme);
let toggle_theme = move |_| { let toggle_theme = move |_| {
set_theme.update(|t| *t = t.inverse()); set_theme.update(|t| *t = t.inverse());
@ -22,7 +22,6 @@ pub fn Header() -> impl IntoView {
if let Ok(Some(storage)) = window().local_storage() { if let Ok(Some(storage)) = window().local_storage() {
let _ = storage.set_item("theme", theme.get().to_local_storage()); let _ = storage.set_item("theme", theme.get().to_local_storage());
} }
apply_theme(theme.get()); apply_theme(theme.get());
}; };