aliases

packages/website/src/components/ModuleButtons/ModuleButton.tsx

@@ -1,3 +1,4 @@
+import { alias } from "@blitzkit/core";
 import { GenericTankComponentButton } from "./GenericTankComponentButton";
 import type { TankComponentButtonProps } from "./TankComponentButton";
 
@@ -8,7 +9,7 @@ interface ModuleProps extends TankComponentButtonProps {
 export function ModuleButton({ module, ...props }: ModuleProps) {
   return (
     <GenericTankComponentButton
-      icon={`/api/icons/modules/${module}.webp`}
+      icon={alias("api", `/icons/modules/${module}.webp`)}
       iconStyles={{
         top: "50%",
         left: "50%",

packages/website/src/components/ModuleButtons/ProvisionButton.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 ProvisionButton({ provision, ...props }: ProvisionButtonProps) {
   return (
     <GenericTankComponentButton
       tooltip={unwrap(provisionDefinitions.provisions[provision].name!)}
-      icon={`/api/icons/provisions/${provision}.webp`}
+      icon={alias("api", `/icons/provisions/${provision}.webp`)}
       {...props}
     />
   );

packages/website/src/components/ModuleButtons/ShellButton.tsx

@@ -1,3 +1,4 @@
+import { alias } from "@blitzkit/core";
 import { GenericTankComponentButton } from "./GenericTankComponentButton";
 import type { TankComponentButtonProps } from "./TankComponentButton";
 
@@ -8,7 +9,7 @@ interface ShellButtonProps extends TankComponentButtonProps {
 export function ShellButton({ shell, ...props }: ShellButtonProps) {
   return (
     <GenericTankComponentButton
-      icon={`/api/icons/shells/${shell}.webp`}
+      icon={alias("api", `/icons/shells/${shell}.webp`)}
       {...props}
     />
   );