feat(ui): implement remove Todo functionality

Author: bsbodden

src/main/webapp/src/components/todo.js

@@ -2,14 +2,18 @@ import React, { useState, useEffect, useRef, useContext } from 'react';
 import { TodosContext } from "../context/todos_context";
 
 const Todo = function (props) {
-  const { getTodo, updateTodo }  = useContext(TodosContext);
+  const { getTodo, updateTodo, deleteTodo }  = useContext(TodosContext);
   const [todo, setTodo] = useState(getTodo(props.id));
 
   const toggleTodo = () => {
     todo.completed = !todo.completed;
     updateTodo(todo);
   }
 
+  const removeTodo = () => {
+    deleteTodo(props.id);
+  }
+
   return (
     <li>
       <div className="view">
@@ -21,6 +25,7 @@ const Todo = function (props) {
         <label>{todo.title}</label>
         <button
           className="destroy"
+          onClick={removeTodo}
         ></button>
       </div>
       <input