checkpoint

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

@@ -4,9 +4,9 @@ import {
   resolveDpm,
   SEARCH_KEYS,
   unionBoundingBox,
-  type TankDefinition,
 } from "@blitzkit/core";
 import { literals } from "@blitzkit/i18n/src/literals";
+import type { TankDefinition } from "@blitzkit/protos";
 import fuzzysort from "fuzzysort";
 import { uniq } from "lodash-es";
 import { memo, useMemo } from "react";
@@ -16,6 +16,7 @@ import { awaitableTankNames } from "../../core/awaitables/tankNames";
 import { filterTanks } from "../../core/blitzkit/filterTanks";
 import { resolveReload } from "../../core/blitzkit/resolveReload";
 import { useLocale } from "../../hooks/useLocale";
+import { useStrings } from "../../hooks/useStrings";
 import { App } from "../../stores/app";
 import { TankFilters } from "../../stores/tankFilters";
 import { TankopediaPersistent } from "../../stores/tankopediaPersistent";
@@ -53,7 +54,8 @@ const [gameDefinitions, modelDefinitions, tankDefinitions, tankNames] =
 
 export const TankSearch = memo<TankSearchProps>(
   ({ compact, onSelect, onSelectAll, skeleton }) => {
-    const { strings, locale } = useLocale();
+    const strings = useStrings();
+    const locale = useLocale();
     const wargaming = App.use((state) => state.logins.wargaming);
     const awaitedTanksDefinitionsArray = Object.values(tankDefinitions.tanks);
     const tankopediaSort = TankSort.use();

packages/website/src/hooks/useTankCompatibility.ts

@@ -1,5 +1,5 @@
+import { isTankCompatible } from "@blitzkit/core";
 import {
-  ConsumableTankCategoryFilterCategory,
   GunDefinition,
   TankDefinition,
   TankInclusivityFilter,
@@ -13,54 +13,3 @@ export function useTankCompatibility(tank: TankDefinition, gun: GunDefinition) {
     return isTankCompatible(tank, gun, include, exclude);
   };
 }
-
-export function isTankCompatible(
-  tank: TankDefinition,
-  gun: GunDefinition,
-  include?: TankInclusivityFilter[],
-  exclude?: TankInclusivityFilter[],
-) {
-  const included = include?.every((rule) => {
-    switch (rule.filter_type!.$case) {
-      case "tiers":
-        return (
-          rule.filter_type!.value.min <= tank.tier &&
-          tank.tier <= rule.filter_type!.value.max
-        );
-
-      case "ids":
-        return rule.filter_type!.value.ids.includes(tank.id);
-
-      case "nations":
-        return rule.filter_type!.value.nations.includes(tank.nation);
-
-      case "categories":
-        throw new SyntaxError("Category filtering found in include rule");
-    }
-  });
-  const excluded = exclude?.some((rule) => {
-    switch (rule.filter_type!.$case) {
-      case "tiers":
-        return (
-          rule.filter_type!.value.min <= tank.tier &&
-          tank.tier <= rule.filter_type!.value.max
-        );
-
-      case "ids":
-        return rule.filter_type!.value.ids.includes(tank.id);
-
-      case "nations":
-        return rule.filter_type!.value.nations.includes(tank.nation);
-
-      case "categories":
-        return rule.filter_type!.value.categories.some((category) => {
-          switch (category) {
-            case ConsumableTankCategoryFilterCategory.CONSUMABLE_TANK_CATEGORY_FILTER_CATEGORY_CLIP:
-              return gun.gun_type!.$case !== "regular";
-          }
-        });
-    }
-  });
-
-  return include !== undefined && include?.length > 0 && included && !excluded;
-}

packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.tsx

@@ -1,10 +1,11 @@
 import { useMemo } from "react";
 import { api } from "../../../../../api/dynamic";
-import { computeCharacteristics } from "../../../../../tankopedia/computeCharacteristics";
+import { TankopediaLoadout } from "../../../../../components/TankopediaLoadout";
 import { withErrorWrapper } from "../../../../../hocs/withErrorWrapper";
 import { withLocale } from "../../../../../hocs/withLocale";
 import { useAwait } from "../../../../../hooks/useAwait";
 import { Tankopedia } from "../../../../../stores/tankopedia";
+import { computeCharacteristics } from "../../../../../tankopedia/computeCharacteristics";
 import styles from "./_index.module.css";
 
 interface PageProps {