From e1cc60ea5e5e351b4df706988b801bf6c4b31023 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 15 May 2026 21:58:30 -0500
Subject: [PATCH] some work on equipment

---
 packages/closed                               |  2 +-
 packages/i18n/strings/en.json                 |  1 +
 .../components/TankopediaLoadout/index.tsx    | 21 +++++++++++++++++++
 packages/website-ue/src/hooks/useEquipment.ts | 17 +++++++++++++++
 4 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 packages/website-ue/src/hooks/useEquipment.ts

diff --git a/packages/closed b/packages/closed
index cc81b4344..0999b4f39 160000
--- a/packages/closed
+++ b/packages/closed
@@ -1 +1 @@
-Subproject commit cc81b43447706d340296513686dffed33861921a
+Subproject commit 0999b4f3946767107053fb0a09842ef5e7f8d540
diff --git a/packages/i18n/strings/en.json b/packages/i18n/strings/en.json
index 3c57664e8..e9b37e735 100644
--- a/packages/i18n/strings/en.json
+++ b/packages/i18n/strings/en.json
@@ -200,6 +200,7 @@
   "tanks": {
     "loadout": {
       "modules": "Modules",
+      "equipment": "Equipment",
       "alternative": "Alt"
     },
 
diff --git a/packages/website-ue/src/components/TankopediaLoadout/index.tsx b/packages/website-ue/src/components/TankopediaLoadout/index.tsx
index b6a5627b7..74acbc607 100644
--- a/packages/website-ue/src/components/TankopediaLoadout/index.tsx
+++ b/packages/website-ue/src/components/TankopediaLoadout/index.tsx
@@ -26,10 +26,31 @@ export function TankopediaLoadout() {
   return (
     <Section>
       <Modules />
+      <Equipment />
     </Section>
   );
 }
 
+function Equipment() {
+  const strings = useStrings();
+  const tank = useProtagonist();
+  // const equipment = useEquipment(
+  //   tank.tank!.equipment_preset_catalog_id,
+  //   tank.tank!.equipment_price_preset_catalog_id,
+  // );
+
+  return (
+    <div className={styles.section}>
+      <div className={styles.header}>
+        <Heading size="4">{strings.tanks.loadout.equipment}</Heading>
+      </div>
+      preset: {tank.tank!.equipment_preset_catalog_id}
+      <br />
+      price: {tank.tank!.equipment_price_preset_catalog_id}
+    </div>
+  );
+}
+
 function Modules() {
   const strings = useStrings();
   const tank = useProtagonist();
diff --git a/packages/website-ue/src/hooks/useEquipment.ts b/packages/website-ue/src/hooks/useEquipment.ts
new file mode 100644
index 000000000..5d62d6d02
--- /dev/null
+++ b/packages/website-ue/src/hooks/useEquipment.ts
@@ -0,0 +1,17 @@
+import { api } from "../api/dynamic";
+import { useAwait } from "./useAwait";
+
+export function useEquipment(presetId: string, priceId: string) {
+  const [, presetName] = presetId.split(".");
+  const [, priceName] = priceId.split(".");
+  const preset = useAwait(
+    () => api.equipmentPreset(presetId),
+    `equipment-preset-${presetName}`,
+  );
+  const price = useAwait(
+    () => api.equipmentPricePreset(priceId),
+    `equipment-price-${priceName}`,
+  );
+
+  return { preset, price };
+}