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(