From 93b827dfc31afb625522b8e6922277063a8275b8 Mon Sep 17 00:00:00 2001
From: Maccesch <maccesch@synphonyte.com>
Date: Tue, 16 Jan 2024 10:36:28 +0000
Subject: [PATCH] added use_local_storage to ssr example

---
 examples/ssr/src/app.rs | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/examples/ssr/src/app.rs b/examples/ssr/src/app.rs
index cdfe5e3..8d3ddf9 100644
--- a/examples/ssr/src/app.rs
+++ b/examples/ssr/src/app.rs
@@ -5,8 +5,9 @@ use leptos_meta::*;
 use leptos_router::*;
 use leptos_use::storage::{use_local_storage, StringCodec};
 use leptos_use::{
-    use_color_mode, use_debounce_fn, use_event_listener, use_intl_number_format, use_timestamp,
-    use_window, ColorMode, UseColorModeReturn, UseIntlNumberFormatOptions,
+    use_color_mode, use_debounce_fn, use_event_listener, use_interval, use_intl_number_format,
+    use_timestamp, use_window, ColorMode, UseColorModeReturn, UseIntervalReturn,
+    UseIntlNumberFormatOptions,
 };
 
 #[component]
@@ -78,5 +79,23 @@ fn HomePage() -> impl IntoView {
         <button on:click=move |_| set_mode.set(ColorMode::Dark)>Change to Dark</button>
         <button on:click=move |_| set_mode.set(ColorMode::Auto)>Change to Auto</button>
         <p>{timestamp}</p>
+        <LocalStorageTest/>
+    }
+}
+
+#[component]
+pub fn LocalStorageTest() -> impl IntoView {
+    let UseIntervalReturn { counter, .. } = use_interval(1000);
+    logging::log!("test log");
+    let (state, set_state, ..) = use_local_storage::<String, StringCodec>("test-state");
+
+    view! {
+        <p>{counter}</p>
+         <input
+            class="block"
+            prop:value=move || state.get()
+            on:input=move |e| set_state.update(|s| *s = event_target_value(&e))
+            type="text"
+        />
     }
 }