From f0e268cae00b49fcb2e743cbb9fe90257e94f351 Mon Sep 17 00:00:00 2001
From: Leon Liu <leon.liuyang.d@gmail.com>
Date: Mon, 30 Dec 2024 18:23:48 +0900
Subject: [PATCH] update

---
 src/app.rs | 50 +++++++++++++++++++++++++++++++++-----------------
 1 file changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/app.rs b/src/app.rs
index 67d34cd..ad04060 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -1,6 +1,9 @@
 use std::{fs::File, io::Read, sync::Arc};
 
-use leptos::prelude::{Read as Reads, *};
+use leptos::{
+    logging::log,
+    prelude::{Read as Reads, *},
+};
 use reactive_stores::Store;
 use serde::{Deserialize, Serialize};
 use serde_wasm_bindgen::from_value;
@@ -124,8 +127,8 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
                     "Config folder: "
                     <button
                         class="btn btn-xs btn-link"
-                        on:click=move |_| {
-                            spawn_local(async move {
+                        on:click=|_| {
+                            spawn_local(async {
                                 invoke_without_args("open_config_folder").await;
                             });
                         }
@@ -134,7 +137,7 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
                     </button>
                 </li>
                 <li>
-                    "Changes on the UI will immediately write the new filter file into POE2's config folder. Reload the filter in-game after changes on the UI."
+                    "Changes on the UI will immediately write the updated filter file into POE2's config folder. Reload the filter in-game after changes on the UI."
                 </li>
                 <li>"The output filter is named " <strong>Leon</strong>.</li>
                 <li>
@@ -147,9 +150,6 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
                     </a>, will download on every app launch, saved as
                     " base_filter.filter in the config folder".
                 </li>
-                <li>
-                    "From area level 11 to 69, hide normal or magic items of which the drop level is 10 level lower than the area level."
-                </li>
                 <li class="not-prose">
                     "In areas lower than level"
                     <input
@@ -158,18 +158,32 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
                         min="60"
                         max="100"
                         prop:value=max_level.get()
-                        on:input:target=move |ev| {
-                            *max_level.write() = ev.target().value().parse::<u32>().unwrap_or(70);
+                        on:change:target=move |ev| {
+                            *store.settings().max_level().write() = ev
+                                .target()
+                                .value()
+                                .parse::<u32>()
+                                .unwrap_or(70);
                         }
                     /> ",hide normal or magic items, unless turned on in configurations below."
                 </li>
+                <li>
+                    {move || {
+                        format!(
+                            "From area level 11 to {}, hide normal or magic items of which the drop level is 10 level lower than the area level.",
+                            max_level.get(),
+                        )
+                    }}
+                </li>
             </ul>
             <h2>Weapons</h2>
             <p>
-                {format!(
-                    "In areas lower than level {}, only show normal or magic weapons selected.",
-                    max_level.get(),
-                )}
+                {move || {
+                    format!(
+                        "In areas lower than level {}, only show normal or magic weapons selected.",
+                        max_level.get(),
+                    )
+                }}
             </p>
             <div class="flex flex-wrap">
                 <For
@@ -197,10 +211,12 @@ fn Main(config: POE2FilterConfig) -> impl IntoView {
 
             <h2>Armours</h2>
             <p>
-                {format!(
-                    "In areas lower than level {}, only show normal or magic armours with selected base defence types.",
-                    max_level.get(),
-                )}
+                {move || {
+                    format!(
+                        "In areas lower than level {}, only show normal or magic armours with selected base defence types.",
+                        max_level.get(),
+                    )
+                }}
             </p>
             <div>
                 <For