diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js index 94cd82b..1940be2 100644 --- a/src/app/WardrobePage/Item.js +++ b/src/app/WardrobePage/Item.js @@ -59,7 +59,10 @@ function Item({ item, itemNameId, isWorn, isInOutfit, dispatchToOutfit }) { } label="Support" - onClick={() => setSupportDrawerIsOpen(true)} + onClick={(e) => { + setSupportDrawerIsOpen(true); + e.preventDefault(); + }} /> e.stopPropagation()} /> {isInOutfit && ( } label="Remove" - onClick={() => - dispatchToOutfit({ type: "removeItem", itemId: item.id }) - } + onClick={(e) => { + dispatchToOutfit({ type: "removeItem", itemId: item.id }); + e.preventDefault(); + }} /> )} @@ -233,10 +238,7 @@ function ItemActionButton({ icon, label, href, onClick }) { color="gray.400" href={href} target={href ? "_blank" : null} - onClick={(e) => { - if (onClick) onClick(); - e.stopPropagation(); - }} + onClick={onClick} className={css` opacity: 0; transition: all 0.2s;