Add a prune button (fixes #6)

tdemin · Sep 24, 2019 · ea2f620 · ea2f620
1 parent 7b5d761
commit ea2f620
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/views/assets/locales.ts b/src/views/assets/locales.ts
@@ -13,6 +13,7 @@ export default new LocalizedStrings({
         btns_refetch: "Update",
         btns_addTask: "New task",
         btns_deleteTask: "Delete",
+        btns_pruneTasks: "Prune",
         btns_updateTask: "Save",
         editor_statusTp: "Status:",
         editor_completedTp: "Completed",

diff --git a/src/views/mainView.tsx b/src/views/mainView.tsx
@@ -6,7 +6,7 @@ import { RouteComponentProps } from "react-router-dom";
 import TaskList from "./components/taskList";
 
 import { logout } from "../actions/auth";
-import { refetchTasks } from "../actions/tasks";
+import { refetchTasks, deleteTask } from "../actions/tasks";
 import { AnyAction } from "../typings/actions";
 import { Task } from "../typings/tasks";
 import { Store } from "../typings/store";
@@ -36,6 +36,14 @@ class MainView extends React.Component<Props, State> {
     };
     logout = () => this.props.dispatch(logout());
     refetch = () => this.props.dispatch(refetchTasks(this.props.tasks));
+    prune = () => {
+        const danglingTasks = this.state.tasks.filter(
+            (task) =>
+                this.state.tasks.filter((child) => child.PID === task.ID)
+                    .length === 0 && task.Completed
+        );
+        danglingTasks.forEach((task) => this.props.dispatch(deleteTask(task)));
+    };
     updateSearch = (event: React.FormEvent<HTMLInputElement>) =>
         this.setState({
             search: event.currentTarget.value,
@@ -71,6 +79,12 @@ class MainView extends React.Component<Props, State> {
                             onClick={this.refetch}
                             value={strings.btns_refetch}
                         />
+                        <input
+                            type="button"
+                            className="pruneBtn button level-item"
+                            onClick={this.prune}
+                            value={strings.btns_pruneTasks}
+                        />
                         <input
                             type="button"
                             className="logoutBtn button level-item"