feat: localize tankopedia meta section

packages/core/lang/en.json

@@ -827,6 +827,7 @@
         "seo_description": "Statistics, armor, and more for all tanks in World of Tanks Blitz",
         "tank_seo_title": "%s1 - Tier %s2 %s3 %s4 | %s5 Tankopedia | World of Tanks Blitz (WoTB)",
         "tank_seo_description": "%s1 armor, statistics, equipment, provisions, and more. %s2 DPM, %s3hp alpha, %s4mm penetration, %s5kph top speed, %s6hp health.",
+
         "sandbox": {
           "poses": {
             "hull_down": "Hull down",
@@ -901,6 +902,27 @@
               "reset": "Reset"
             }
           }
+        },
+
+        "meta": {
+          "back": "Back",
+          "compare": "Compare",
+          "swap": {
+            "button": "Swap",
+            "title": "Swap tanks"
+          },
+          "vanilla": "Vanilla",
+          "opentest": "OpenTest",
+          "full_name": "Full name",
+          "nation": "Nation",
+          "class": "Class",
+          "tier": "Tier",
+          "type": "Type",
+          "dev_id": "DEV: ID",
+          "purchase": "Purchase price",
+          "restoration": "Restoration price",
+          "sale": "Sale price",
+          "research": "Research XP"
         }
       },
       "compare": {

packages/website/src/components/Tankopedia/MetaSection/index.tsx

@@ -47,7 +47,7 @@ export function MetaSection() {
           <LinkI18n locale={locale} href="/tools/tankopedia">
             <Button variant="outline">
               <ChevronLeftIcon />
-              Back
+              {strings.website.tools.tankopedia.meta.back}
             </Button>
           </LinkI18n>
 
@@ -57,7 +57,7 @@ export function MetaSection() {
           >
             <Button variant="outline">
               <MixIcon />
-              Compare
+              {strings.website.tools.tankopedia.meta.compare}
             </Button>
           </LinkI18n>
 
@@ -73,8 +73,8 @@ export function MetaSection() {
                 <ScienceIcon height="1.25em" width="1.25em" />
                 {assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH) ===
                 'opentest'
-                  ? 'Vanilla'
+                  ? strings.website.tools.tankopedia.meta.vanilla
-                  : 'OpenTest'}
+                  : strings.website.tools.tankopedia.meta.opentest}
               </Button>
             </Link>
           )}
@@ -83,12 +83,14 @@ export function MetaSection() {
             <Dialog.Trigger>
               <Button>
                 <UpdateIcon />
-                Swap
+                {strings.website.tools.tankopedia.meta.swap.button}
               </Button>
             </Dialog.Trigger>
 
             <Dialog.Content>
-              <Dialog.Title>Swap tanks</Dialog.Title>
+              <Dialog.Title>
+                {strings.website.tools.tankopedia.meta.swap.title}
+              </Dialog.Title>
 
               <TankSearch
                 compact
@@ -121,9 +123,11 @@ export function MetaSection() {
         >
           <Flex direction="column" width="100%">
             {protagonist.name_full && (
-              <Listing label="Full-name">{protagonist.name_full}</Listing>
+              <Listing label={strings.website.tools.tankopedia.meta.full_name}>
+                {protagonist.name_full}
+              </Listing>
             )}
-            <Listing label="Nation">
+            <Listing label={strings.website.tools.tankopedia.meta.nation}>
               <Flex align="center" gap="1">
                 <img
                   style={{ width: '1em', height: '1em' }}
@@ -137,17 +141,17 @@ export function MetaSection() {
                 }
               </Flex>
             </Listing>
-            <Listing label="Class">
+            <Listing label={strings.website.tools.tankopedia.meta.class}>
               <Flex align="center" gap="1">
                 <ClassIcon width="1em" height="1em" />
                 {strings.common.tank_class_short[protagonist.class]}
               </Flex>
             </Listing>
-            <Listing label="Tier">
+            <Listing label={strings.website.tools.tankopedia.meta.tier}>
               {TIER_ROMAN_NUMERALS[protagonist.tier]}
             </Listing>
             <Listing
-              label="Type"
+              label={strings.website.tools.tankopedia.meta.type}
               color={
                 protagonist.type === TankType.COLLECTOR
                   ? 'blue'
@@ -162,12 +166,12 @@ export function MetaSection() {
 
           <Flex direction="column" width="100%">
             {developerMode && (
-              <Listing label="DEV: ID">
+              <Listing label={strings.website.tools.tankopedia.meta.dev_id}>
                 <Code>{protagonist.id}</Code>
               </Listing>
             )}
             {protagonist.type === TankType.PREMIUM && (
-              <Listing label="Purchase price">
+              <Listing label={strings.website.tools.tankopedia.meta.purchase}>
                 <Flex align="center" gap="1">
                   {protagonist.price.value / 400}
                   <img
@@ -179,11 +183,11 @@ export function MetaSection() {
               </Listing>
             )}
             <Listing
-              label={`${
+              label={
                 protagonist.type === TankType.RESEARCHABLE
-                  ? 'Purchase'
+                  ? strings.website.tools.tankopedia.meta.purchase
-                  : 'Restoration'
+                  : strings.website.tools.tankopedia.meta.restoration
-              } price`}
+              }
             >
               <Flex align="center" gap="1">
                 {protagonist.price.value.toLocaleString(locale)}
@@ -200,7 +204,7 @@ export function MetaSection() {
                 />
               </Flex>
             </Listing>
-            <Listing label="Sale price">
+            <Listing label={strings.website.tools.tankopedia.meta.sale}>
               <Flex align="center" gap="1">
                 {(protagonist.price.value / 2).toLocaleString(locale)}
                 <img
@@ -217,7 +221,7 @@ export function MetaSection() {
               </Flex>
             </Listing>
             {protagonist.research_cost && (
-              <Listing label="Research XP">
+              <Listing label={strings.website.tools.tankopedia.meta.research}>
                 <Flex align="center" gap="1">
                   {(
                     protagonist.research_cost.research_cost_type!
@@ -233,8 +237,6 @@ export function MetaSection() {
             )}
           </Flex>
         </Flex>
-
-        {/* <Votes /> */}
       </Flex>
     </Flex>
   );