From c3d8ead8f80fc4c46a60453fd95d12e4dc313d7f Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 31 Aug 2020 23:27:21 -0700
Subject: [PATCH] add NC badge to items

---
 src/app/WardrobePage/Item.js           | 13 ++++++++++++-
 src/app/WardrobePage/useOutfitState.js |  1 +
 2 files changed, 13 insertions(+), 1 deletion(-)

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}
           />
         </Box>
-        <Box flex="1 1 auto">
+        <Box
+          flex="1 1 auto"
+          display="flex"
+          flexDirection="row"
+          alignItems="center"
+        >
           <ItemName id={itemNameId} isWorn={isWorn}>
             {item.name}
           </ItemName>
+          {item.isNc && (
+            <Badge colorScheme="cyan" marginLeft="2">
+              NC
+            </Badge>
+          )}
         </Box>
         <Box flex="0 0 auto">
           <SupportOnly>
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!