wip: refactor a bit

packages/web/examples/todomvc/todolist.rs

@@ -1,7 +1,9 @@
-use super::state::{FilterState, TodoItem, FILTER, TODOS};
-use crate::filtertoggles;
-use crate::recoil::use_atom;
-use crate::todoitem::TodoEntry;
+use crate::{
+    filtertoggles,
+    recoil::use_atom,
+    state::{FilterState, TodoItem, FILTER, TODOS},
+    todoitem::TodoEntry,
+};
 use dioxus_core::prelude::*;
 
 pub fn TodoList(ctx: Context, props: &()) -> DomTree {
@@ -9,20 +11,6 @@ pub fn TodoList(ctx: Context, props: &()) -> DomTree {
     let (todos, _) = use_state(&ctx, || Vec::<TodoItem>::new());
     let filter = use_atom(&ctx, &FILTER);
 
-    let list = todos
-        .iter()
-        .filter(|item| match filter {
-            FilterState::All => true,
-            FilterState::Active => !item.checked,
-            FilterState::Completed => item.checked,
-        })
-        .map(|item| {
-            rsx!(TodoEntry {
-                key: "{order}",
-                id: item.id,
-            })
-        });
-
     ctx.render(rsx! {
         div {
             header {
@@ -36,7 +24,21 @@ pub fn TodoList(ctx: Context, props: &()) -> DomTree {
                 }
             }
 
-            {list}
+            { // list
+                todos
+                .iter()
+                .filter(|item| match filter {
+                    FilterState::All => true,
+                    FilterState::Active => !item.checked,
+                    FilterState::Completed => item.checked,
+                })
+                .map(|item| {
+                    rsx!(TodoEntry {
+                        key: "{order}",
+                        id: item.id,
+                    })
+                })
+            }
 
             // filter toggle (show only if the list isn't empty)
             {(!todos.is_empty()).then(||