Add trash can icon to delete

Author: nicorithner

react-todos/src/components/TodoRowItem.js

@@ -1,9 +1,23 @@
+import { FaTrash } from "react-icons/fa";
+import { IconContext } from "react-icons";
+
 export default function TodoRowItem(props) {
   return (
-    <tr onClick={() => props.deleteTodo(props.rowNumber)}>
+    <tr>
       <th scope="row">{props.rowNumber}</th>
       <td>{props.rowDescription}</td>
       <td>{props.rowAssigned}</td>
+      <td onClick={() => props.deleteTodo(props.rowNumber)}>
+        <IconContext.Provider
+          value={{
+            style: { cursor: "pointer" },
+            color: "red",
+            className: "global-class-name",
+          }}
+        >
+          <FaTrash />
+        </IconContext.Provider>
+      </td>
     </tr>
   );
 }

react-todos/src/components/TodoTable.js

@@ -8,6 +8,7 @@ export default function TodoTable(props) {
           <th scope="col">#</th>
           <th scope="col">Description</th>
           <th scope="col">Assigned</th>
+          <th className="bi-trash">Delete</th>
         </tr>
       </thead>
       <tbody>