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 (
);
}
+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 (
+
+
+ {strings.tanks.loadout.equipment}
+
+ preset: {tank.tank!.equipment_preset_catalog_id}
+
+ price: {tank.tank!.equipment_price_preset_catalog_id}
+
+ );
+}
+
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 };
+}