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 }; +}