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]
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()
&& let Ok(Some(saved)) = storage.get_item("theme")
{
Theme::from_local_storage(&saved)
} else {
Theme::Dark
let theme = Theme::from_local_storage(&saved);
set_theme(theme);
apply_theme(theme);
}
};
let (theme, set_theme) = signal(initial_theme);
});
let toggle_theme = move |_| {
set_theme.update(|t| *t = t.inverse());
@ -22,7 +22,6 @@ pub fn Header() -> impl IntoView {
if let Ok(Some(storage)) = window().local_storage() {
let _ = storage.set_item("theme", theme.get().to_local_storage());
}
apply_theme(theme.get());
};