From 5059e382b327f8973b5c9413638b59e15c13182e Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 8 Aug 2026 20:45:09 -0500
Subject: [PATCH] some missing aliases

---
 .../src/components/ModuleButtons/ConsumableButton.tsx       | 3 ++-
 .../src/components/ModuleButtons/EquipmentButton.tsx        | 3 ++-
 .../src/components/TankSearch/components/FilterControl.tsx  | 6 ++++--
 packages/website/src/hooks/useArmor.ts                      | 3 ++-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/website/src/components/ModuleButtons/ConsumableButton.tsx b/packages/website/src/components/ModuleButtons/ConsumableButton.tsx
index 92069d40f..96ab54bae 100644
--- a/packages/website/src/components/ModuleButtons/ConsumableButton.tsx
+++ b/packages/website/src/components/ModuleButtons/ConsumableButton.tsx
@@ -1,3 +1,4 @@
+import { alias } from "@blitzkit/core";
 import { ClockIcon, ReloadIcon } from "@radix-ui/react-icons";
 import { Flex, Text } from "@radix-ui/themes";
 import { api } from "../../core/blitzkit/api";
@@ -28,7 +29,7 @@ export function ConsumableButton({
     <GenericTankComponentButton
       style={{ width: "6rem" }}
       tooltip={unwrap(consumableDefinitions.consumables[consumable].name!)}
-      icon={`/api/icons/consumables/${consumable}.webp`}
+      icon={alias("api", `/icons/consumables/${consumable}.webp`)}
       {...props}
     >
       {(cooldown || duration) && (
diff --git a/packages/website/src/components/ModuleButtons/EquipmentButton.tsx b/packages/website/src/components/ModuleButtons/EquipmentButton.tsx
index 8d839cf0f..b796d66d7 100644
--- a/packages/website/src/components/ModuleButtons/EquipmentButton.tsx
+++ b/packages/website/src/components/ModuleButtons/EquipmentButton.tsx
@@ -1,3 +1,4 @@
+import { alias } from "@blitzkit/core";
 import { api } from "../../core/blitzkit/api";
 import { useLocale } from "../../hooks/useLocale";
 import { GenericTankComponentButton } from "./GenericTankComponentButton";
@@ -15,7 +16,7 @@ export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
   return (
     <GenericTankComponentButton
       tooltip={unwrap(equipmentDefinitions.equipments[equipment].name!)}
-      icon={`/api/icons/equipment/${equipment}.webp`}
+      icon={alias("api", `/icons/equipment/${equipment}.webp`)}
       {...props}
     />
   );
diff --git a/packages/website/src/components/TankSearch/components/FilterControl.tsx b/packages/website/src/components/TankSearch/components/FilterControl.tsx
index d43a1c5b9..ee16888ae 100644
--- a/packages/website/src/components/TankSearch/components/FilterControl.tsx
+++ b/packages/website/src/components/TankSearch/components/FilterControl.tsx
@@ -1070,8 +1070,10 @@ function GameModeAbilitiesFilter() {
       : rawPowers;
 
   const icons = [
-    ...abilities.map((ability) => `api/icons/consumables/${ability}.webp`),
-    ...powers.map((power) => `api/icons/provisions/${power}.webp`),
+    ...abilities.map((ability) =>
+      alias("api", `/icons/consumables/${ability}.webp`),
+    ),
+    ...powers.map((power) => alias("api", `/icons/provisions/${power}.webp`)),
   ];
 
   return (
diff --git a/packages/website/src/hooks/useArmor.ts b/packages/website/src/hooks/useArmor.ts
index 28a170925..94656886b 100644
--- a/packages/website/src/hooks/useArmor.ts
+++ b/packages/website/src/hooks/useArmor.ts
@@ -1,9 +1,10 @@
+import { alias } from "@blitzkit/core";
 import { useLoader } from "@react-three/fiber";
 import { GLTFLoader } from "three-stdlib";
 import { useDispose } from "./useDispose";
 
 export function useArmor(id: number) {
-  const path = `/api/tanks/${id}/collision.glb`;
+  const path = alias("api", `/tanks/${id}/collision.glb`);
   const gltf = useLoader(GLTFLoader, path);
 
   useDispose(gltf, path);