checkpoint

packages/website/src/components/HelpTranslate.astro

@@ -1,7 +1,7 @@
 ---
 import { literals } from "@blitzkit/i18n";
 import locales from "@blitzkit/i18n/locales.json";
-import { getStrings } from "../core/i18n/getStrings";
+import { api } from "../api/dynamic";
 import { Link } from "./Link";
 
 interface Props {
@@ -10,7 +10,7 @@ interface Props {
 
 const { locale } = Astro.props;
 
-const strings = getStrings(locale)
+const strings = await api.strings(locale);
 ---
 
 <style>

packages/website/src/components/HomeCosmetics.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
@@ -13,7 +13,7 @@ interface Props {
 
 const { locale } = Astro.props;
 
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 ---
 
 <Section>

packages/website/src/components/HomeGames.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
@@ -13,7 +13,7 @@ interface Props {
 
 const { locale } = Astro.props;
 
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 ---
 
 <Section>

packages/website/src/components/HomePlayers.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
@@ -13,7 +13,7 @@ interface Props {
 
 const { locale } = Astro.props;
 
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 ---
 
 <Section>

packages/website/src/components/HomeTanks.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
@@ -12,7 +12,7 @@ interface Props {
 }
 
 const { locale } = Astro.props;
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 ---
 
 <Section>

packages/website/src/components/HomeTechnical.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
@@ -13,7 +13,7 @@ interface Props {
 
 const { locale } = Astro.props;
 
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 ---
 
 <Section>

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

@@ -11,6 +11,7 @@ import { vehicleStatusKeys } from "../../tankopedia/tankState";
 import type { ComputedCharacteristics } from "../../types/characteristics";
 import { Heading } from "../Heading";
 import { IconButton } from "../IconButton";
+import { Tooltip } from "../Tooltip";
 import styles from "./index.module.css";
 
 interface TankopediaLoadoutProps {
@@ -146,7 +147,9 @@ function Consumables({ characteristics }: ConsumablesProps) {
             return null;
           }
 
-          return <Consumable key={id} id={id} consumable={consumable} />;
+          return (
+            <Consumable key={id} id={Number(id)} consumable={consumable} />
+          );
         })}
       </div>
     </div>
@@ -154,35 +157,20 @@ function Consumables({ characteristics }: ConsumablesProps) {
 }
 
 interface ConsumableProps {
-  id: string;
+  id: number;
   consumable: Consumable;
 }
 
-function Consumable({ id, consumable, purchase }: ConsumableProps) {
-  const gameStrings = useGameStrings("ConsumableEntity");
+function Consumable({ id, consumable }: ConsumableProps) {
   const isSelected = Tankopedia.use((state) =>
     state.protagonist.consumables.includes(id),
   );
   const tank = useProtagonist();
-  const tierPrices = useTierPrices();
-
-  const price = useMemo(() => {
-    const { prices } = tierPrices.prices[purchase.price_per_tier_catalog_id];
-
-    for (const { tier_catalog_id, unlock_price } of prices) {
-      if (tier_catalog_id === tank.tank!.tier_catalog_id) {
-        return unlock_price;
-      }
-    }
-
-    throw new Error(
-      `No price found for tier catalog id ${tank.tank!.tier_catalog_id}`,
-    );
-  }, [tank.id, purchase.price_per_tier_catalog_id]);
+  const unwrap = useUnwrap();
 
   return (
     <div className={styles["consumable-wrapper"]}>
-      <Tooltip tooltip={gameStrings[consumable!.name_key]}>
+      <Tooltip tooltip={unwrap(consumable.name)}>
         <Button
           radius="1"
           variant={isSelected ? "surface" : "soft"}

packages/website/src/components/ToolCard.astro

@@ -1,6 +1,6 @@
 ---
+import { api } from "../api/dynamic";
 import type { Tool } from "../constants/tools";
-import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
 import { LinkI18n } from "./LinkI18n";
 
@@ -11,7 +11,7 @@ interface Props {
 }
 
 const { locale, tool, minor } = Astro.props;
-const strings = getStrings(locale);
+const strings = await api.strings(locale);
 const toolStrings =
   strings.website.tools[
     (tool.strings ?? tool.id) as keyof typeof strings.website.tools