tank model and collision

packages/website/src/components/Tankopedia/HeroSection/components/Options/components/DynamicArmorSwitcher.tsx

@@ -1,4 +1,3 @@
-import { asset } from "@blitzkit/core";
 import { IconButton } from "@radix-ui/themes";
 import { useArmor } from "../../../../../../hooks/useArmor";
 import { Duel } from "../../../../../../stores/duel";
@@ -7,7 +6,7 @@ import { Tankopedia } from "../../../../../../stores/tankopedia";
 export function DynamicArmorSwitcher() {
   const tank = Duel.use((state) => state.protagonist.tank);
   const isDynamicArmorActive = Duel.use((state) =>
-    state.protagonist.consumables.includes(73)
+    state.protagonist.consumables.includes(73),
   );
   const { hasDynamicArmor } = useArmor(tank.id);
 
@@ -38,7 +37,7 @@ export function DynamicArmorSwitcher() {
     >
       <img
         alt="Dynamic Armor"
-        src={asset("icons/consumables/73.webp")}
+        src={"/api/icons/consumables/73.webp"}
         style={{
           width: "50%",
           height: "50%",

packages/website/src/components/Tankopedia/TechTreeSection/components/Node.tsx

@@ -79,7 +79,7 @@ export function Node({ id, highlight, nextIds, skeleton }: NodeProps) {
         >
           <img
             alt={unwrap(tank.name!)}
-            src={asset(`icons/tanks/big/${id}.webp`)}
+            src={`/api/tanks/${id}/icons/big.webp`}
             width={64}
             height={64}
             style={{
@@ -99,7 +99,7 @@ export function Node({ id, highlight, nextIds, skeleton }: NodeProps) {
                 <Flex gap="1" align="center">
                   <img
                     alt="XP"
-                    src={asset("icons/currencies/xp.webp")}
+                    src={"/api/icons/currencies/xp.webp"}
                     style={{
                       width: "1em",
                       height: "1em",
@@ -114,7 +114,7 @@ export function Node({ id, highlight, nextIds, skeleton }: NodeProps) {
                 <Flex gap="1" align="center">
                   <img
                     alt="Silver"
-                    src={asset("icons/currencies/silver.webp")}
+                    src={"/api/icons/currencies/silver.webp"}
                     style={{
                       width: "1em",
                       height: "1em",

packages/website/src/components/Tankopedia/TechTreeSection/index.tsx

@@ -121,7 +121,7 @@ export function TechTreeSection({ skeleton }: MaybeSkeletonComponentProps) {
               <Flex gap="1" align="center">
                 <img
                   alt="Silver"
-                  src={asset("icons/currencies/silver.webp")}
+                  src={"/api/icons/currencies/silver.webp"}
                   style={{
                     width: "1em",
                     height: "1em",