From 44e7cd7505d42ad0f29af9014b7e56b731c5d71c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 29 Apr 2026 16:27:13 -0500
Subject: [PATCH] feat: module icons

Co-authored-by: Copilot <copilot@github.com>
---
 packages/i18n/strings/en.json                 |   4 +
 .../public/api/tanks/modules/1.webp           | Bin 0 -> 5112 bytes
 .../public/api/tanks/modules/2.webp           | Bin 0 -> 5208 bytes
 .../public/api/tanks/modules/3.webp           | Bin 0 -> 4098 bytes
 .../public/api/tanks/modules/4.webp           | Bin 0 -> 4566 bytes
 .../public/api/tanks/modules/5.webp           | Bin 0 -> 5858 bytes
 .../src/components/BaseStyles.astro           |  20 ++++
 .../src/components/Button/index.module.css    |  11 +-
 .../src/components/Button/index.tsx           |   7 +-
 .../components/IconButton/index.module.css    |   7 ++
 .../src/components/IconButton/index.tsx       |  18 +++
 .../TankopediaLoadout/index.module.css        |  20 ++++
 .../components/TankopediaLoadout/index.tsx    | 110 ++++++++++++++++++
 packages/website-ue/src/core/api/abstract.ts  |  12 +-
 packages/website-ue/src/core/api/server.ts    |   2 +-
 .../pages/[...locale]/tanks/[slug]/_index.tsx |   9 +-
 16 files changed, 206 insertions(+), 14 deletions(-)
 create mode 100644 packages/website-ue/public/api/tanks/modules/1.webp
 create mode 100644 packages/website-ue/public/api/tanks/modules/2.webp
 create mode 100644 packages/website-ue/public/api/tanks/modules/3.webp
 create mode 100644 packages/website-ue/public/api/tanks/modules/4.webp
 create mode 100644 packages/website-ue/public/api/tanks/modules/5.webp
 create mode 100644 packages/website-ue/src/components/IconButton/index.module.css
 create mode 100644 packages/website-ue/src/components/IconButton/index.tsx
 create mode 100644 packages/website-ue/src/components/TankopediaLoadout/index.module.css
 create mode 100644 packages/website-ue/src/components/TankopediaLoadout/index.tsx

diff --git a/packages/i18n/strings/en.json b/packages/i18n/strings/en.json
index 99121582f..0467943f8 100644
--- a/packages/i18n/strings/en.json
+++ b/packages/i18n/strings/en.json
@@ -193,6 +193,10 @@
   },
 
   "tanks": {
+    "loadout": {
+      "modules": "Modules"
+    },
+
     "search": {
       "placeholder": "Search tanks..."
     }
diff --git a/packages/website-ue/public/api/tanks/modules/1.webp b/packages/website-ue/public/api/tanks/modules/1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..996684d0498863a27b2e795e1689eb068e5ea414
GIT binary patch
literal 5112
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
a-kE70r`F8QgX-jcN1@!WElq#`0002n3%aoY

literal 0
HcmV?d00001

diff --git a/packages/website-ue/public/api/tanks/modules/2.webp b/packages/website-ue/public/api/tanks/modules/2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ed7357d2a6ba6b4b92d7b706cd41e4b420119d27
GIT binary patch
literal 5208
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
SJRSJ$4ld9WJI;&r0001){nCa2

literal 0
HcmV?d00001

diff --git a/packages/website-ue/public/api/tanks/modules/3.webp b/packages/website-ue/public/api/tanks/modules/3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b1c1e4f1f4c0d20b14fd0e97e091e7311d982981
GIT binary patch
literal 4098
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
A_5c6?

literal 0
HcmV?d00001

diff --git a/packages/website-ue/public/api/tanks/modules/4.webp b/packages/website-ue/public/api/tanks/modules/4.webp
new file mode 100644
index 0000000000000000000000000000000000000000..19ee3fa6b116bf82888c01ae01e0d0073e2e6b9c
GIT binary patch
literal 4566
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
Ax&QzG

literal 0
HcmV?d00001

diff --git a/packages/website-ue/public/api/tanks/modules/5.webp b/packages/website-ue/public/api/tanks/modules/5.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7d5e3a5d47214ec861731ae71698ec974dec9e71
GIT binary patch
literal 5858
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

literal 0
HcmV?d00001

diff --git a/packages/website-ue/src/components/BaseStyles.astro b/packages/website-ue/src/components/BaseStyles.astro
index aa8caf737..85a03c492 100644
--- a/packages/website-ue/src/components/BaseStyles.astro
+++ b/packages/website-ue/src/components/BaseStyles.astro
@@ -90,3 +90,23 @@ import "@fontsource-variable/roboto-flex";
     --tank-card-min-width: 8rem;
   }
 </style>
+
+<style is:global>
+  .composable-radius {
+    &[data-radius="1"] {
+      border-radius: var(--space-3);
+    }
+
+    &[data-radius="2"] {
+      border-radius: var(--space-4);
+    }
+
+    &[data-radius="3"] {
+      border-radius: var(--space-5);
+    }
+
+    &[data-radius="max"] {
+      border-radius: var(--max-size);
+    }
+  }
+</style>
diff --git a/packages/website-ue/src/components/Button/index.module.css b/packages/website-ue/src/components/Button/index.module.css
index 2411bb869..90f26d18b 100644
--- a/packages/website-ue/src/components/Button/index.module.css
+++ b/packages/website-ue/src/components/Button/index.module.css
@@ -7,7 +7,6 @@
   border-radius: var(--max-size);
   padding: var(--space-3) var(--space-4);
 
-  background-color: var(--accent-9);
   border: none;
 
   font-family: var(--font-family-regular);
@@ -23,4 +22,14 @@
   &[data-light-text="true"] {
     color: var(--white-a12);
   }
+
+  &[data-variant="solid"] {
+    background-color: var(--accent-8);
+  }
+
+  &[data-variant="surface"] {
+    background-color: var(--accent-3);
+
+    outline: var(--space-1) solid var(--accent-4);
+  }
 }
diff --git a/packages/website-ue/src/components/Button/index.tsx b/packages/website-ue/src/components/Button/index.tsx
index 8d185bcf8..e4e159b46 100644
--- a/packages/website-ue/src/components/Button/index.tsx
+++ b/packages/website-ue/src/components/Button/index.tsx
@@ -5,7 +5,8 @@ import styles from "./index.module.css";
 
 export interface ButtonProps extends ComponentProps<"button"> {
   color?: Color;
-  variant?: "solid";
+  radius?: `${1 | 2 | 3}` | "max";
+  variant?: "solid" | "surface";
 }
 
 export const LIGHT_TEXT_COLORS = new Set<Color>([
@@ -28,14 +29,16 @@ export function Button({
   color,
   variant = "solid",
   style,
+  radius = "max",
   ...props
 }: ButtonProps) {
   return (
     <button
-      className={classNames(styles.button, className)}
+      className={classNames("composable-radius", styles.button, className)}
       data-color={color}
       data-variant={variant}
       data-light-text={variant === "solid"}
+      data-radius={radius}
       style={{
         backgroundColor: color ? `var(--${color}-9)` : undefined,
         ...style,
diff --git a/packages/website-ue/src/components/IconButton/index.module.css b/packages/website-ue/src/components/IconButton/index.module.css
new file mode 100644
index 000000000..6c32e585f
--- /dev/null
+++ b/packages/website-ue/src/components/IconButton/index.module.css
@@ -0,0 +1,7 @@
+.icon-button {
+  padding: var(--space-3);
+
+  aspect-ratio: 1 / 1;
+
+  font-size: 2rem;
+}
diff --git a/packages/website-ue/src/components/IconButton/index.tsx b/packages/website-ue/src/components/IconButton/index.tsx
new file mode 100644
index 000000000..4f15c83ea
--- /dev/null
+++ b/packages/website-ue/src/components/IconButton/index.tsx
@@ -0,0 +1,18 @@
+import { classNames } from "../../core/ui/classNames";
+import type { Color } from "../../core/ui/color";
+import { Button, type ButtonProps } from "../Button";
+import styles from "./index.module.css";
+
+export interface IconButtonProps extends ButtonProps {
+  color?: Color;
+  variant?: "solid";
+}
+
+export function IconButton({ className, ...props }: ButtonProps) {
+  return (
+    <Button
+      className={classNames(className, styles["icon-button"])}
+      {...props}
+    />
+  );
+}
diff --git a/packages/website-ue/src/components/TankopediaLoadout/index.module.css b/packages/website-ue/src/components/TankopediaLoadout/index.module.css
new file mode 100644
index 000000000..e1566c71b
--- /dev/null
+++ b/packages/website-ue/src/components/TankopediaLoadout/index.module.css
@@ -0,0 +1,20 @@
+.lines {
+  display: flex;
+
+  gap: var(--space-3);
+
+  .line {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    gap: var(--space-2);
+
+    .stage {
+      img {
+        width: 1em;
+        height: 1em;
+      }
+    }
+  }
+}
diff --git a/packages/website-ue/src/components/TankopediaLoadout/index.tsx b/packages/website-ue/src/components/TankopediaLoadout/index.tsx
new file mode 100644
index 000000000..899e9d3d6
--- /dev/null
+++ b/packages/website-ue/src/components/TankopediaLoadout/index.tsx
@@ -0,0 +1,110 @@
+import type { UpgradeLine } from "@blitzkit/closed/protos/game/proto/legacy/blitz_static_tank_upgrade_line";
+import { CaretDownIcon } from "@radix-ui/react-icons";
+import { api } from "../../core/api/dynamic";
+import { useAwait } from "../../hooks/useAwait";
+import { useStrings } from "../../hooks/useStrings";
+import { Tankopedia } from "../../stores/tankopedia";
+import { Heading } from "../Heading";
+import { IconButton } from "../IconButton";
+import { Section } from "../Section";
+import styles from "./index.module.css";
+
+export function TankopediaLoadout() {
+  const strings = useStrings();
+
+  const id = Tankopedia.use((state) => state.protagonist.id);
+  const tank = useAwait(() => api.tank(id), `tank-${id}`);
+
+  return (
+    <Section>
+      <Heading size="3">{strings.tanks.loadout.modules}</Heading>
+
+      <div className={styles.lines}>
+        {tank.tank!.upgrade_lines.map((line) => (
+          <Line line={line} />
+        ))}
+      </div>
+    </Section>
+  );
+}
+
+interface LineProps {
+  line: UpgradeLine;
+}
+
+function Line({ line }: LineProps) {
+  const upgrades = Tankopedia.use((state) => state.protagonist.upgrades);
+  const id = Tankopedia.use((state) => state.protagonist.id);
+  const tank = useAwait(() => api.tank(id), `tank-${id}`);
+
+  return (
+    <div className={styles.line}>
+      {line.stages.map((stage, index) => {
+        const isSelected = upgrades[line.name] === index;
+
+        return (
+          <>
+            {index !== 0 && <CaretDownIcon width="1em" height="1em" />}
+
+            <IconButton
+              variant={isSelected ? "solid" : "surface"}
+              radius="1"
+              className={styles.stage}
+              onClick={() => {
+                Tankopedia.mutate((draft) => {
+                  draft.protagonist.upgrades[line.name] = index;
+
+                  for (const required of stage.required_upgrades) {
+                    for (const line of tank.tank!.upgrade_lines) {
+                      let i = 0;
+
+                      for (const stage of line.stages) {
+                        if (stage.tech_name === required) {
+                          draft.protagonist.upgrades[line.name] = Math.max(
+                            draft.protagonist.upgrades[line.name],
+                            i,
+                          );
+                        }
+
+                        i++;
+                      }
+                    }
+                  }
+
+                  for (const line of tank.tank!.upgrade_lines) {
+                    let i = draft.protagonist.upgrades[line.name];
+
+                    while (i > 0) {
+                      const currentStage = line.stages[i];
+                      const valid = currentStage.required_upgrades.every(
+                        (required) => {
+                          for (const line of tank.tank!.upgrade_lines) {
+                            const idx = draft.protagonist.upgrades[line.name];
+
+                            if (line.stages[idx]?.tech_name === required) {
+                              return true;
+                            }
+                          }
+
+                          return false;
+                        },
+                      );
+
+                      if (valid) break;
+
+                      i--;
+                    }
+
+                    draft.protagonist.upgrades[line.name] = i;
+                  }
+                });
+              }}
+            >
+              <img src={`/api/tanks/modules/${stage.stage_type}.webp`} />
+            </IconButton>
+          </>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/packages/website-ue/src/core/api/abstract.ts b/packages/website-ue/src/core/api/abstract.ts
index dea341144..077819a49 100644
--- a/packages/website-ue/src/core/api/abstract.ts
+++ b/packages/website-ue/src/core/api/abstract.ts
@@ -46,7 +46,7 @@ export abstract class AbstractAPI {
     return supported;
   }
 
-  @Cache<[string, string, boolean]>((...args) => args.join("-"))
+  @Cache()
   async groupedGameStrings(locale: string, group: string, prefix: boolean) {
     this.assertLocale(locale);
 
@@ -64,9 +64,7 @@ export abstract class AbstractAPI {
   }
 }
 
-export function Cache<Arguments extends unknown[]>(
-  discriminator: (...args: Arguments) => string = (...args) => args.join("-"),
-) {
+export function Cache<Arguments extends unknown[]>(disableInDev = false) {
   const cache = new WeakMap<object, Map<string, Promise<unknown>>>();
 
   return function (
@@ -77,7 +75,7 @@ export function Cache<Arguments extends unknown[]>(
     const original = descriptor.value;
 
     descriptor.value = function (...args: Arguments) {
-      const key = discriminator(...args);
+      const key = args.join("-");
 
       let thisCache = cache.get(this);
 
@@ -86,7 +84,9 @@ export function Cache<Arguments extends unknown[]>(
         cache.set(this, thisCache);
       }
 
-      if (thisCache.has(key)) {
+      const disabled = disableInDev && import.meta.env.DEV;
+
+      if (thisCache.has(key) && !disabled) {
         return thisCache.get(key);
       }
 
diff --git a/packages/website-ue/src/core/api/server.ts b/packages/website-ue/src/core/api/server.ts
index aa42b91be..70fc7e7e0 100644
--- a/packages/website-ue/src/core/api/server.ts
+++ b/packages/website-ue/src/core/api/server.ts
@@ -186,7 +186,7 @@ export class ServerAPI extends AbstractAPI {
     return tiers;
   }
 
-  @Cache()
+  @Cache(true)
   async strings(locale: string) {
     const localized = (await globbedStrings[
       `../../../../i18n/strings/${locale}.json`
diff --git a/packages/website-ue/src/pages/[...locale]/tanks/[slug]/_index.tsx b/packages/website-ue/src/pages/[...locale]/tanks/[slug]/_index.tsx
index 862b1fb8e..f2a2b55e2 100644
--- a/packages/website-ue/src/pages/[...locale]/tanks/[slug]/_index.tsx
+++ b/packages/website-ue/src/pages/[...locale]/tanks/[slug]/_index.tsx
@@ -1,6 +1,5 @@
-import { Grade } from "@blitzkit/closed/protos/game/proto/legacy/blitz_static_standard_grades_enum";
-import { StageParameters_StageType } from "@blitzkit/closed/protos/game/proto/legacy/blitz_static_tank_upgrade_single_stage";
 import { useMemo } from "react";
+import { TankopediaLoadout } from "../../../../components/TankopediaLoadout";
 import { api } from "../../../../core/api/dynamic";
 import { characteristicsOrder } from "../../../../core/tankopedia/characteristicsOrder";
 import { computeCharacteristics } from "../../../../core/tankopedia/computeCharacteristics";
@@ -48,7 +47,9 @@ function Content() {
 
       <br />
 
-      <h2>upgrades</h2>
+      <TankopediaLoadout />
+
+      {/* <h2>upgrades</h2>
 
       {protagonistTank.tank!.upgrade_lines.map((line) => {
         return (
@@ -145,7 +146,7 @@ function Content() {
             </div>
           </>
         );
-      })}
+      })} */}
 
       <h2>characteristics</h2>