0.1.0 #1
@@ -12,20 +12,19 @@ export const Todos = pipe(
|
|||||||
const state = yield* TodosState
|
const state = yield* TodosState
|
||||||
const [todos] = yield* ReactHook.useSubscribeRefs(state.ref)
|
const [todos] = yield* ReactHook.useSubscribeRefs(state.ref)
|
||||||
|
|
||||||
|
const VTodosItem = yield* ReactComponent.useFC(TodosItem)
|
||||||
|
const VTodo = yield* ReactComponent.useFC(Todo)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Container>
|
||||||
<Heading align="center">Todos</Heading>
|
<Heading align="center">Todos</Heading>
|
||||||
|
|
||||||
<Flex direction="column" align="stretch" gap="2" mt="2">
|
<Flex direction="column" align="stretch" gap="2" mt="2">
|
||||||
{yield* ReactComponent.use(Todo, Todo =>
|
<VTodo _tag="new" />
|
||||||
<Todo _tag="new" />
|
|
||||||
)}
|
|
||||||
|
|
||||||
{yield* Effect.all(Chunk.map(todos, (v, k) =>
|
{Chunk.map(todos, (v, k) =>
|
||||||
ReactComponent.use(TodosItem, TodosItem =>
|
<VTodosItem key={v.id} index={k} />
|
||||||
<TodosItem key={v.id} index={k} />
|
)}
|
||||||
)
|
|
||||||
))}
|
|
||||||
</Flex>
|
</Flex>
|
||||||
</Container>
|
</Container>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user