diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js index 057015b..5504707 100644 --- a/src/app/WardrobePage/Item.js +++ b/src/app/WardrobePage/Item.js @@ -1,6 +1,7 @@ import React from "react"; import { css, cx } from "emotion"; import { + Badge, Box, Flex, IconButton, @@ -50,10 +51,20 @@ function Item({ item, itemNameId, isWorn, isInOutfit, dispatchToOutfit }) { isWorn={isWorn} /> - + {item.name} + {item.isNc && ( + + NC + + )} diff --git a/src/app/WardrobePage/useOutfitState.js b/src/app/WardrobePage/useOutfitState.js index ffb8c83..57bde6a 100644 --- a/src/app/WardrobePage/useOutfitState.js +++ b/src/app/WardrobePage/useOutfitState.js @@ -37,6 +37,7 @@ function useOutfitState() { id name thumbnailUrl + isNc appearanceOn(speciesId: $speciesId, colorId: $colorId) { # This enables us to quickly show the item when the user clicks it!