From df817644957a6820e8e2a801acf5fd889baf5de8 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Wed, 22 Apr 2020 03:03:45 -0700
Subject: [PATCH] add remaining roopal27 items

---
 app/src/data.js           | 12 ++++++++++++
 app/src/useOutfitState.js | 11 ++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/src/data.js b/app/src/data.js
index ef9244a..ef7435d 100644
--- a/app/src/data.js
+++ b/app/src/data.js
@@ -41,4 +41,16 @@ export const ITEMS = [
     thumbnailSrc: "http://images.neopets.com/items/gif_magicball_table.gif",
     zoneName: "Lower Foreground Item",
   },
+  {
+    id: 8,
+    name: "Green Leaf String Lights",
+    thumbnailSrc: "http://images.neopets.com/items/toy_stringlight_illleaf.gif",
+    zoneName: "Background Item",
+  },
+  {
+    id: 9,
+    name: "Jewelled Staff",
+    thumbnailSrc: "http://images.neopets.com/items/mall_staff_jewelled.gif",
+    zoneName: "Left-hand item",
+  },
 ];
diff --git a/app/src/useOutfitState.js b/app/src/useOutfitState.js
index bd05de6..b52d623 100644
--- a/app/src/useOutfitState.js
+++ b/app/src/useOutfitState.js
@@ -3,7 +3,16 @@ import React from "react";
 import { ITEMS } from "./data.js";
 
 function useOutfitState() {
-  const [wornItemIds, setWornItemIds] = React.useState([1, 2, 3, 4, 6, 7]);
+  const [wornItemIds, setWornItemIds] = React.useState([
+    1,
+    2,
+    3,
+    4,
+    6,
+    7,
+    8,
+    9,
+  ]);
   const [closetedItemIds, setClosetedItemIds] = React.useState([5]);
 
   const wearItem = React.useCallback(