Hide tasks to be deleted from the list

tdemin · Oct 4, 2019 · e5f5d34 · e5f5d34
1 parent 7353145
commit e5f5d34
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/views/components/taskLine.tsx b/src/views/components/taskLine.tsx
@@ -36,9 +36,10 @@ class TaskLine extends React.Component<Props, State> {
         this.props.dispatch(updateTask(task));
     };
     render = () => {
-        const { ID, Completed, Text } = this.state.task;
+        const { ID, Completed, ToRemove, Text } = this.state.task;
         let classNames: string[] = ["taskLine", "level", "is-mobile"];
         if (Completed) classNames.push("taskCompleted");
+        if (ToRemove) classNames.push("taskToRemove");
         return (
             <div className={classNames.join(" ")}>
                 <div className="taskText level-item level-left">

diff --git a/src/views/styles/tasks.scss b/src/views/styles/tasks.scss
@@ -32,6 +32,9 @@ div.taskList {
     & > div.taskSubtree {
         margin-left: 0 !important;
     }
+    .taskToRemove {
+        display: none !important;
+    }
 }
 
 @media (max-width: 600px) {