sigonasr2/ngsplanner
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

event propogation because bubbles

Browse Source
This commit is contained in:
Joshua Sigona 2021-09-11 12:30:53 +09:00
parent c7feed31f3
commit 142bde088d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/TestPanel.js
View File

@ -348,7 +348,7 @@ function FoodItem(p) {
setPoints(p.points) setPoints(p.points)
},[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"> <div className="itemImgWrapper">
<img alt="" src={DisplayIcon(icon)} /> <img alt="" src={DisplayIcon(icon)} />
</div> </div>
@ -360,9 +360,9 @@ function FoodItem(p) {
{boosts.filter((val)=>val.val).map((val=><span key={val.name} className={val.icon}>Up</span>))} {boosts.filter((val)=>val.val).map((val=><span key={val.name} className={val.icon}>Up</span>))}
</div> </div>
<div className="itemControlsWrapper"> <div className="itemControlsWrapper">
<span onClick={()=>{modifyPoints(name,-1)}}>-</span> <span onClick={(e)=>{e.stopPropagation();modifyPoints(name,-1)}}>-</span>
<span>{points}</span> <span>{points}</span>
<span onClick={()=>{modifyPoints(name,1)}}>+</span> <span onClick={(e)=>{e.stopPropagation();modifyPoints(name,1)}}>+</span>
</div></div> </div></div>
} }