diff --git a/src/components/TodoList.tsx b/src/components/TodoList.tsx index e5e8506..8fcd495 100644 --- a/src/components/TodoList.tsx +++ b/src/components/TodoList.tsx @@ -22,7 +22,7 @@ const TodosStyled = styled.div` height: 92%; overflow: scroll; justify-content: center; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); .description { height: 100px; overflow: scroll; @@ -34,7 +34,7 @@ const TodoList = (props: any) => { props.isAuth && props.loadToDos(props.userId, props.idToken); }, []); - const taskType = props.match.path.substring(1).toLowerCase(); + const taskType = props.match.path.substring(11).toLowerCase(); const finishTaskHandler = (hash: string, idToken: string) => props.finishToDo(hash, idToken, props.todos); @@ -48,41 +48,7 @@ const TodoList = (props: any) => { let cards = []; if (props.isLoading === false && props.isAuth === true) { cards = props.todos.map((todo: TODOtype) => { - if (taskType === "finished" && todo.isFinished === true) { - return ( -
- Description: {todo.taskDesc} -
-- Important:{" "} - {todo.isImportant ? ( - - ) : ( - - )} -
-type: {todo.taskType}
- -+ Description: {todo.taskDesc} +
++ Important:{" "} + {todo.isImportant ? ( + + ) : ( + + )} +
+type: {todo.taskType}
+ +