names

packages/website-ue/src/api/client.ts

@@ -77,7 +77,7 @@ export class ClientAPI extends AbstractAPI {
     return fetchPB("/api/sets.pb", Sets);
   }
 
-  @Cache()
+  @Cache(true)
   async strings(locale: string) {
     const response = await fetch(`/api/strings/${locale}.json`);
     const json = (await response.json()) as Strings;

packages/website-ue/src/components/TankopediaCharacteristics/index.module.css

@@ -56,6 +56,7 @@
 
         display: flex;
         flex-direction: column;
+        justify-content: center;
         gap: var(--space-2);
 
         .value {

packages/website-ue/src/components/TankopediaCharacteristics/index.tsx

@@ -55,10 +55,18 @@ interface ToyProps {
 }
 
 function Item({ name }: CharacteristicRenderConfig) {
+  const strings = useStrings();
+
   return (
     <span className={styles.item}>
       <div className={styles.value}>
-        <Text lowContrast>{name}</Text>
+        <Text lowContrast>
+          {
+            (strings.tanks.characteristics.items as Record<string, string>)[
+              name
+            ]
+          }
+        </Text>
         <Text>123</Text>
       </div>
 

packages/website-ue/src/tankopedia/characteristicsOrder.tsx

@@ -121,7 +121,6 @@ export const characteristicsOrder: CharacteristicsGroup[] = [
       { toy: "flexibility" },
       { name: "gun_depression", decimals: 0, units: "deg" },
       { name: "gun_elevation", decimals: 0, units: "deg" },
-
     ],
   },
   {
@@ -150,6 +149,8 @@ export const characteristicsOrder: CharacteristicsGroup[] = [
       { name: "view_range", units: "m" },
       { name: "camouflage", decimals: 0, units: "%" },
 
+      // TODO: implement width
+      // { name: "width", units: "m" },
       { name: "height", units: "m" },
       { name: "length", units: "m" },
       { name: "volume", units: "m" },