From 142bde088d12ea8b4e18711b9346c77eaf183f5e Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Sat, 11 Sep 2021 12:30:53 +0900
Subject: [PATCH] event propogation because bubbles

---
 src/TestPanel.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index fd64121..fc9a9b2 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -348,7 +348,7 @@ function FoodItem(p) {
     setPoints(p.points)
   },[p.points])
 
-  return <div className={`itemWrapper${points>0?"Active":""} r${rarity}`}>
+  return <div onClick={(e)=>{e.stopPropagation();modifyPoints(name,1)}} className={`itemWrapper${points>0?"Active":""} r${rarity}`}>
     <div className="itemImgWrapper">
       <img alt="" src={DisplayIcon(icon)} />
     </div>
@@ -360,9 +360,9 @@ function FoodItem(p) {
       {boosts.filter((val)=>val.val).map((val=><span key={val.name} className={val.icon}>Up</span>))}
     </div>
     <div className="itemControlsWrapper">
-      <span onClick={()=>{modifyPoints(name,-1)}}>-</span>
+      <span onClick={(e)=>{e.stopPropagation();modifyPoints(name,-1)}}>-</span>
       <span>{points}</span>
-      <span onClick={()=>{modifyPoints(name,1)}}>+</span>
+      <span onClick={(e)=>{e.stopPropagation();modifyPoints(name,1)}}>+</span>
     </div></div>
 }