From 1874dc4724dea17679ce4ef7a392e4ea988c4584 Mon Sep 17 00:00:00 2001
From: Ivan Deskov <ivan.deskov@sumup.com>
Date: Sun, 24 May 2020 00:13:24 +0100
Subject: [PATCH] Avoid sending duplicate PUT requests when toggling completion

---
 app/src/static/js/app.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/static/js/app.js b/app/src/static/js/app.js
index c2ae5cd..9947dd6 100644
--- a/app/src/static/js/app.js
+++ b/app/src/static/js/app.js
@@ -117,7 +117,8 @@ function AddItemForm({ onNewItem }) {
 function ItemDisplay({ item, onItemUpdate, onItemRemoval }) {
     const { Container, Row, Col, Button } = ReactBootstrap;
 
-    const toggleCompletion = () => {
+    const toggleCompletion = (event) => {
+        event.stopPropagation()
         fetch(`/items/${item.id}`, {
             method: 'PUT',
             body: JSON.stringify({