imports

packages/website/src/components/ClassIcon/index.ts

@@ -1,4 +1,4 @@
-import { TankClass } from "@blitzkit/core";
+import { TankClass } from "@blitzkit/protos";
 import type { ComponentProps, ReactNode } from "react";
 import { ClassHeavy } from "./components/ClassHeavy";
 import { ClassLight } from "./components/ClassLight";

packages/website/src/components/TankSearchFilters/index.tsx

@@ -1,14 +1,7 @@
-import {
-  alias,
-  GunDefinition,
-  ShellType,
-  TANK_CLASSES,
-  TANK_TYPES,
-  TankType,
-  TIER_ROMAN_NUMERALS,
-} from "@blitzkit/core";
+import { alias, TIER_ROMAN_NUMERALS } from "@blitzkit/core";
 import { literals } from "@blitzkit/i18n";
 import locales from "@blitzkit/i18n/locales.json";
+import { ShellType, TankType, type GunDefinition } from "@blitzkit/protos";
 import {
   LockClosedIcon,
   LockOpen2Icon,

packages/website/src/components/TankopediaLoadout/index.tsx

@@ -1,6 +1,6 @@
 import type { Consumable } from "@blitzkit/core";
 import { TrashIcon } from "@radix-ui/react-icons";
-import { useCompatibility } from "../../hooks/useCompatibility";
+import { useTankCompatibility } from "../../hooks/useTankCompatibility";
 import { useConsumables } from "../../hooks/useConsumables";
 import { useProtagonist } from "../../hooks/useProtagonist";
 import { useProtagonistGun } from "../../hooks/useProtagonistGun";
@@ -122,7 +122,7 @@ function Consumables({ characteristics }: ConsumablesProps) {
   const consumables = useConsumables();
   const tank = useProtagonist();
   const gun = useProtagonistGun();
-  const isCompatible = useCompatibility(tank, gun);
+  const isCompatible = useTankCompatibility(tank, gun);
 
   return (
     <div className={styles.section}>

packages/website/src/components/ToolBanner.astro

@@ -1,7 +1,7 @@
 ---
 import { ArrowLeftIcon } from "@radix-ui/react-icons";
+import { api } from "../api/dynamic";
 import type { Tool } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Logo } from "../icons/Logo";
 import { Back } from "./Back";
 import { Flex } from "./Flex";
@@ -14,9 +14,8 @@ interface Props {
 }
 
 const { tool, locale } = Astro.props;
-const strings = getStrings(locale);
-const toolStrings =
-  strings.website.tools[tool.id as keyof typeof strings.website.tools];
+const strings = await api.strings(locale);
+const toolStrings = strings.tools[tool.id as keyof typeof strings.tools];
 ---
 
 <style>