www




task list



import React from "react";
import Task from "./task";
import { connect } from "react-redux";
import { getTasksByVisibilityFilter } from "../redux/selector";
import AddTask from "./addTask";
import VisibilityFilters from "./visibilityFilters";
//import { toHaveDescription } from "@testing-library/jest-dom/dist/matchers";



const TaskList = ({ Tasks }) => (
  <>
    <div>
      <AddTask />
    </div>
    <ul className="task-list">
      { Tasks  && Tasks.length ? Tasks.map((item, index) => {
            return <Task key={item.id} id={item.id} completed={item.completed} assigned2={item.assigned2} task={item.task} description={item.description} />;
          })
        : "List empty"}
    </ul>
    <VisibilityFilters />
  </>
);
//

const mapStateToProps = (state) => {
  const { visibilityFilter } = state;
  const Tasks = getTasksByVisibilityFilter(state, visibilityFilter);
  return { Tasks };
};


export default connect(mapStateToProps)(TaskList);

//            return ;Tasks ?