diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js index ab262f5a..e59afc2c 100644 --- a/src/app/WardrobePage/Item.js +++ b/src/app/WardrobePage/Item.js @@ -229,10 +229,10 @@ function ItemBadges({ item }) { // on the additional empty child. isMaybeAnimated && isSupportUser && } - {item.currentUserOwnsThis && } - {item.currentUserWantsThis && } {getZoneBadges(occupiedZones, { variant: "occupies" })} {getZoneBadges(restrictedZones, { variant: "restricts" })} + {item.currentUserOwnsThis && } + {item.currentUserWantsThis && } ); } diff --git a/src/app/components/ItemCard.js b/src/app/components/ItemCard.js index a251345a..6844bd45 100644 --- a/src/app/components/ItemCard.js +++ b/src/app/components/ItemCard.js @@ -248,12 +248,15 @@ export function YouOwnThisBadge({ variant = "long" }) { minHeight="1.5em" > + {variant === "medium" && Own} {variant === "long" && You own this!} ); - if (variant === "short") { - badge = {badge}; + if (variant === "short" || variant === "medium") { + badge = ( + {badge} + ); } return badge; @@ -268,12 +271,15 @@ export function YouWantThisBadge({ variant = "long" }) { minHeight="1.5em" > + {variant === "medium" && Want} {variant === "long" && You want this!} ); - if (variant === "short") { - badge = {badge}; + if (variant === "short" || variant === "medium") { + badge = ( + {badge} + ); } return badge;