From ea2337ee00067f0cb3d9ac1c2d01260fc197b7f4 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Sat, 22 Jun 2024 11:44:49 -0500
Subject: [PATCH] feat: quick and dirty inventory

---
 app/react-components/ui.jsx   |  16 ++++++++++++++--
 public/assets/potion/icon.png | Bin 0 -> 3309 bytes
 public/assets/potion/start.js |   8 ++++++--
 3 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 public/assets/potion/icon.png

diff --git a/app/react-components/ui.jsx b/app/react-components/ui.jsx
index 4587a12..eaa44f8 100644
--- a/app/react-components/ui.jsx
+++ b/app/react-components/ui.jsx
@@ -19,6 +19,7 @@ export default function Ui({disconnected}) {
   const client = useContext(ClientContext);
   const [mainEntity, setMainEntity] = useMainEntity();
   const [showDisconnected, setShowDisconnected] = useState(false);
+  const [hotbarSlots, setHotbarSlots] = useState(Array(10).fill(0).map(() => {}));
   const [activeSlot, setActiveSlot] = useState(0);
   useEffect(() => {
     let handle;
@@ -141,12 +142,23 @@ export default function Ui({disconnected}) {
         setMainEntity(localMainEntity = id);
       }
       if (localMainEntity === id) {
+        if (payload.ecs[id].Inventory) {
+          const newHotbarSlots = [...hotbarSlots];
+          payload.ecs[id].Inventory.slots
+            .forEach(({qty, slotIndex, source}) => {
+              newHotbarSlots[slotIndex] = {
+                image: source + '/icon.png',
+                qty,
+              };
+            });
+          setHotbarSlots(newHotbarSlots);
+        }
         if (payload.ecs[id].Wielder && 'activeSlot' in payload.ecs[id].Wielder) {
           setActiveSlot(payload.ecs[id].Wielder.activeSlot);
         }
       }
     }
-  }, [mainEntity, setMainEntity]);
+  }, [hotbarSlots, mainEntity, setMainEntity]);
   return (
     <div className={styles.ui}>
       <style>
@@ -166,7 +178,7 @@ export default function Ui({disconnected}) {
                 payload: {type: 'changeSlot', value: i + 1},
               });
             }}
-            slots={Array(10).fill(0).map(() => {})}
+            slots={hotbarSlots}
           />
           {showDisconnected && (
             <Disconnected />
diff --git a/public/assets/potion/icon.png b/public/assets/potion/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7586d262a0e0eaf01beb5542a5a6250e68589da
GIT binary patch
literal 3309
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

literal 0
HcmV?d00001

diff --git a/public/assets/potion/start.js b/public/assets/potion/start.js
index eff9cb8..a7692de 100644
--- a/public/assets/potion/start.js
+++ b/public/assets/potion/start.js
@@ -1,3 +1,7 @@
 wielder.Health.health += 10
-wielder.Inventory.slots[0].qty -= 1
-console.log('hi', wielder.Health.health, wielder.Inventory.slots[0]);
+wielder.Inventory.slots = [
+  {
+    ...wielder.Inventory.slots[0],
+    qty: wielder.Inventory.slots[0].qty - 1,
+  }
+]