Only handle onclick in the button instead of stopping propagation

angadh11 · May 24, 2020 · 1879caa · 1879caa
1 parent 1874dc4
commit 1879caa
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/app/src/static/js/app.js b/app/src/static/js/app.js
@@ -117,8 +117,7 @@ function AddItemForm({ onNewItem }) {
 function ItemDisplay({ item, onItemUpdate, onItemRemoval }) {
     const { Container, Row, Col, Button } = ReactBootstrap;
 
-    const toggleCompletion = (event) => {
-        event.stopPropagation()
+    const toggleCompletion = () => {
         fetch(`/items/${item.id}`, {
             method: 'PUT',
             body: JSON.stringify({
@@ -153,7 +152,6 @@ function ItemDisplay({ item, onItemUpdate, onItemRemoval }) {
                         }
                     >
                         <i
-                            onClick={toggleCompletion}
                             className={`far ${
                                 item.completed ? 'fa-check-square' : 'fa-square'
                             }`}