22 lines
499 B
TypeScript
22 lines
499 B
TypeScript
import React from "react";
|
|
|
|
import List from "@mui/material/List";
|
|
import Paper from "@mui/material/Paper";
|
|
|
|
import { TodoItem } from "./TodoItem";
|
|
import { useAppSelector } from "../hooks";
|
|
|
|
export const TodoList: React.FC = () => {
|
|
const tasks = useAppSelector((state) => state.todo.tasks);
|
|
|
|
return (
|
|
<Paper variant="outlined">
|
|
<List>
|
|
{tasks.map((task, index) => (
|
|
<TodoItem key={task.id} task={task} index={index} />
|
|
))}
|
|
</List>
|
|
</Paper>
|
|
);
|
|
};
|