diff --git a/src/app/Item.js b/src/app/Item.js index 2c42c0bc..d8984a4d 100644 --- a/src/app/Item.js +++ b/src/app/Item.js @@ -40,15 +40,24 @@ export function Item({ item, itemNameId, outfitState, dispatchToOutfit }) { - {isInOutfit && ( - - + + {isInOutfit && ( + dispatchToOutfit({ type: "removeItem", itemId: item.id }) } /> - - )} + )} + ); } @@ -179,25 +188,24 @@ function ItemName({ children, ...props }) { } /** - * RemoveItemButton lets the user remove the item from the outfit altogether. - * - * This removes it from their "closet", which is even more severe than - * unwearing it: it disappears from your item list entirely, until you find it - * again via search! + * ItemActionButton is one of a list of actions a user can take for this item. */ -function RemoveItemButton({ onClick }) { +function ItemActionButton({ icon, label, href, onClick }) { const theme = useTheme(); return ( - + { - onClick(); - e.preventDefault(); + if (onClick) onClick(); + e.stopPropagation(); }} className={css` opacity: 0;