module price rendering

packages/website-ue/src/hooks/useProtagonist.ts

@@ -0,0 +1,10 @@
+import { api } from "../core/api/dynamic";
+import { Tankopedia } from "../stores/tankopedia";
+import { useAwait } from "./useAwait";
+
+export function useProtagonist() {
+  const id = Tankopedia.use((state) => state.protagonist.id);
+  const tank = useAwait(() => api.tank(id), `tank-${id}`);
+
+  return tank;
+}

packages/website-ue/src/hooks/useUpgradePreset.ts

@@ -0,0 +1,12 @@
+import { api } from "../core/api/dynamic";
+import { useAwait } from "./useAwait";
+
+export function useUpgradePreset(name: string) {
+  const [, discriminator] = name.split(".");
+  const preset = useAwait(
+    () => api.tankUpgradePreset(discriminator),
+    `tank-upgrade-preset-${discriminator}`,
+  );
+
+  return preset;
+}