update tier list

packages/website/src/components/TierList/Row/index.tsx

@@ -1,16 +1,16 @@
-import { Flex, Table } from '@radix-ui/themes';
-import { useEffect, useRef } from 'react';
-import { awaitableTankDefinitions } from '../../../core/awaitables/tankDefinitions';
-import { TierList } from '../../../stores/tierList';
-import { tierListRowElements } from '../Table/constants';
-import { TierListTile } from '../Tile';
-import { Header } from './components/Header';
+import { Flex, Table } from "@radix-ui/themes";
+import { useEffect, useRef } from "react";
+import { api } from "../../../core/blitzkit/api";
+import { TierList } from "../../../stores/tierList";
+import { tierListRowElements } from "../Table/constants";
+import { TierListTile } from "../Tile";
+import { Header } from "./components/Header";
 
 interface TierListRowProps {
   index: number;
 }
 
-const tankDefinitions = await awaitableTankDefinitions;
+const tankDefinitions = await api.tankDefinitions();
 
 export function TierListRow({ index }: TierListRowProps) {
   const tanks = TierList.use((state) => state.rows[index].tanks);

packages/website/src/components/TierList/Tiles.tsx

@@ -2,8 +2,7 @@ import { metaSortTank } from "@blitzkit/core";
 import { times } from "lodash-es";
 import { useMemo, useState } from "react";
 import usePromise from "react-promise-suspense";
-import { awaitableGameDefinitions } from "../../core/awaitables/gameDefinitions";
-import { awaitableTankDefinitions } from "../../core/awaitables/tankDefinitions";
+import { api } from "../../core/blitzkit/api";
 import { filterTanks } from "../../core/blitzkit/filterTanks";
 import { TankFilters } from "../../stores/tankFilters";
 import { TierList } from "../../stores/tierList";
@@ -12,8 +11,8 @@ import { TankCardWrapper } from "../TankSearch/components/TankCardWrapper";
 import { TierListTile } from "./Tile";
 
 const [tankDefinitions, gameDefinitions] = await Promise.all([
-  awaitableTankDefinitions,
-  awaitableGameDefinitions,
+  api.tankDefinitions(),
+  api.gameDefinitions(),
 ]);
 
 const tanks = Object.values(tankDefinitions.tanks);
@@ -27,14 +26,14 @@ export function TierListTiles() {
   const filteredTanks = usePromise(
     () =>
       filterTanks(filters, tanks).then((tanks) =>
-        tanks.filter(({ id }) => !placedTanks.has(id))
+        tanks.filter(({ id }) => !placedTanks.has(id)),
       ),
     // react-promise-suspense has awful type annotations
-    [filters, placedTanks] as any
+    [filters, placedTanks] as any,
   );
   const sorted = useMemo(
     () => metaSortTank(filteredTanks, gameDefinitions).reverse(),
-    [filters, placedTanks]
+    [filters, placedTanks],
   );
   const [loadedTiles, setLoadedTiles] = useState(DEFAULT_LOADED_CARDS);
 

packages/website/src/components/TierList/URLManager.tsx

@@ -1,9 +1,9 @@
-import { useEffect } from 'react';
-import { awaitableTankDefinitions } from '../../core/awaitables/tankDefinitions';
-import { generateTierListParams } from '../../core/blitzkit/generateTierListParams';
-import { TierList } from '../../stores/tierList';
+import { useEffect } from "react";
+import { api } from "../../core/blitzkit/api";
+import { generateTierListParams } from "../../core/blitzkit/generateTierListParams";
+import { TierList } from "../../stores/tierList";
 
-const tankDefinitions = await awaitableTankDefinitions;
+const tankDefinitions = await api.tankDefinitions();
 
 export function URLManager() {
   const rows = TierList.use((state) => state.rows);
@@ -12,10 +12,10 @@ export function URLManager() {
     const params = new URLSearchParams(window.location.search);
 
     params.forEach((value, key) => {
-      if (key.startsWith('row-')) {
+      if (key.startsWith("row-")) {
         const index = Number.parseInt(key.slice(4), 10);
         const values = value
-          .split(',')
+          .split(",")
           .map(Number)
           .filter((id) => id in tankDefinitions.tanks);
 
@@ -27,7 +27,7 @@ export function URLManager() {
   }, []);
 
   useEffect(() => {
-    window.history.replaceState(null, '', `?${generateTierListParams(rows)}`);
+    window.history.replaceState(null, "", `?${generateTierListParams(rows)}`);
   }, [rows]);
 
   return null;

packages/website/src/pages/[...chunk_default]/[...locale]/tier-list/_index.tsx

@@ -1,13 +1,13 @@
-import { PageWrapper } from "../../../components/PageWrapper";
-import { FilterControl } from "../../../components/TankSearch/components/FilterControl";
-import { TierListControls } from "../../../components/TierList/Controls";
-import { TierListTable } from "../../../components/TierList/Table";
-import { TierListTiles } from "../../../components/TierList/Tiles";
-import { URLManager } from "../../../components/TierList/URLManager";
+import { PageWrapper } from "../../../../components/PageWrapper";
+import { FilterControl } from "../../../../components/TankSearch/components/FilterControl";
+import { TierListControls } from "../../../../components/TierList/Controls";
+import { TierListTable } from "../../../../components/TierList/Table";
+import { TierListTiles } from "../../../../components/TierList/Tiles";
+import { URLManager } from "../../../../components/TierList/URLManager";
 import {
   LocaleProvider,
   type LocaleAcceptorProps,
-} from "../../../hooks/useLocale";
+} from "../../../../hooks/useLocale";
 
 export function Page({ locale }: LocaleAcceptorProps) {
   return (

packages/website/src/pages/[...chunk_default]/[...locale]/tier-list/index.astro

@@ -1,6 +1,6 @@
 ---
-import { tools } from "../../../constants/tools";
-import ToolLayout from "../../../layouts/ToolLayout.astro";
+import { tools } from "../../../../constants/tools";
+import ToolLayout from "../../../../layouts/ToolLayout.astro";
 import { Page } from "./_index";
 
 export { getStaticPaths } from "../index.astro";