diff --git a/src/app/Item.js b/src/app/Item.js
index 2c42c0b..d8984a4 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;