Remove load button

dyesub-tool/src/main.rs

@@ -104,8 +104,7 @@ fn KeyboardFromFile(
     let file_input = create_node_ref::<Input>(cx);
     let (file, set_file) = create_signal(cx, Option::<File>::None);
     let (result_message, set_result_message) = create_signal(cx, Option::<ResultMessageData>::None);
-    let on_submit = move |e: SubmitEvent| {
+    let on_submit = move || {
-        e.prevent_default();
         spawn_local(async move {
             match read_kle_from_file(&file).await {
                 Ok(keyboard) => {
@@ -119,34 +118,35 @@ fn KeyboardFromFile(
                     }));
                     set_keyboard(Some(keyboard));
                 }
-                Err(err) => set_result_message(Some(ResultMessageData {
+                Err(err) => {
-                    message: view! { cx,
+                    set_result_message(Some(ResultMessageData {
-                        {
+                        message: view! { cx,
-                            err.to_string()
+                            {
+                                err.to_string()
+                            }
                         }
-                    }
+                        .into_view(cx),
-                    .into_view(cx),
+                        title: <ReadKleError as Into<&str>>::into(err).to_string(),
-                    title: <ReadKleError as Into<&str>>::into(err).to_string(),
+                        colorway: Colorway::Bad,
-                    colorway: Colorway::Bad,
+                    }));
-                })),
+                    file_input().unwrap().set_value("");
+                },
             }
         });
     };
     view! { cx,
         <h3>"Load KLE JSON from file"</h3>
         <ResultMessage message=result_message />
-        <form class="f-row align-items:center" on:submit=on_submit>
+        <form class="f-row align-items:center">
             <input
                 type="file"
                 accept="application/json"
                 node_ref=file_input
                 on:change=move |_| {
                     set_file(file_input().unwrap().files().map(|files| files.get(0)).flatten());
+                    on_submit();
                 }
             />
-            <Show when=move || file().is_some() fallback=move |_| {}>
-                <input type="submit" value="Load" />
-            </Show>
         </form>
     }
 }