From 09b928865e27f974e45a62f01fbc8df6a522ee70 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Wed, 22 Apr 2020 04:02:43 -0700
Subject: [PATCH] refactor away ItemsForZone, it's trivial now

---
 app/src/WardrobePage.js | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/app/src/WardrobePage.js b/app/src/WardrobePage.js
index 760e1ea..2e569f1 100644
--- a/app/src/WardrobePage.js
+++ b/app/src/WardrobePage.js
@@ -192,10 +192,10 @@ function ItemsPanel({ zonesAndItems, onWearItem }) {
       <Stack spacing="10">
         {zonesAndItems.map(({ zoneName, items, wornItemId }) => (
           <Box key={zoneName}>
-            <ItemsForZone
-              zoneName={zoneName}
+            <Heading2 mb="3">{zoneName}</Heading2>
+            <ItemList
               items={items}
-              wornItemId={wornItemId}
+              wornItemIds={[wornItemId]}
               onWearItem={onWearItem}
             />
           </Box>
@@ -240,19 +240,6 @@ function OutfitHeading() {
   );
 }
 
-function ItemsForZone({ zoneName, items, wornItemId, onWearItem }) {
-  return (
-    <Box>
-      <Heading2 mb="3">{zoneName}</Heading2>
-      <ItemList
-        items={items}
-        wornItemIds={[wornItemId]}
-        onWearItem={onWearItem}
-      />
-    </Box>
-  );
-}
-
 function Heading1({ children, ...props }) {
   return (
     <Heading fontFamily="Delicious" fontWeight="800" size="2xl" {...props}>