Todo work

packages/example/src/todos/views/VTodos.tsx

@@ -1,6 +1,9 @@
-import { Effect, Stream } from "effect"
+import { Flex } from "@radix-ui/themes"
+import { Chunk, Effect, Stream } from "effect"
 import { Reffuse } from "../reffuse"
 import { TodosState } from "../services"
+import { VNewTodo } from "./VNewTodo"
+import { VTodo } from "./VTodo"
 
 
 export function VTodos() {
@@ -16,6 +19,18 @@ export function VTodos() {
     const [todos] = Reffuse.useRefState(todosRef)
 
 
-    return <></>
+    return (
+        <Flex direction="column" align="stretch" gap="3">
+            <VNewTodo />
+
+            {Chunk.map(todos, (todo, index) => (
+                <VTodo
+                    key={todo.id}
+                    index={index}
+                    todo={todo}
+                />
+            ))}
+        </Flex>
+    )
 
 }