From 89d43b4791f07aa8cd613accbbb61371035cd860 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 19 Apr 2024 09:09:12 -0500
Subject: [PATCH] feat: better titles

---
 package.json                             |  2 +-
 src/app/tools/tankopedia/[id]/layout.tsx | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 2df4f3f8b..5f2c30d4a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "blitzkrieg",
-  "version": "1.19.0",
+  "version": "1.19.1",
   "description": "🎉 Tools for everything World of Tanks Blitz",
   "main": "src/server.ts",
   "type": "module",
diff --git a/src/app/tools/tankopedia/[id]/layout.tsx b/src/app/tools/tankopedia/[id]/layout.tsx
index 47df85528..cc9942241 100644
--- a/src/app/tools/tankopedia/[id]/layout.tsx
+++ b/src/app/tools/tankopedia/[id]/layout.tsx
@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { tankDefinitions } from '../../../../core/blitzkrieg/tankDefinitions';
+import { TIER_ROMAN_NUMERALS } from '../../../../core/blitzkrieg/tankDefinitions/constants';
 import { tankIcon } from '../../../../core/blitzkrieg/tankIcon';
+import strings from '../../../../lang/en-US.json';
 
 interface TankopediaLayoutProps {
   children: ReactNode;
@@ -14,16 +16,18 @@ export default async function TankopediaLayout({
   const id = Number(params.id);
   const awaitedTankDefinitions = await tankDefinitions;
   const tank = awaitedTankDefinitions[id];
+  const title = `${tank.name} - Tier ${TIER_ROMAN_NUMERALS[tank.tier]} ${
+    (strings.common.nations as Record<string, string>)[tank.nation]
+  } ${strings.common.tank_class_short[tank.class]}`;
+  const description = `Statistics, armor profiles, and equipment for ${tank.name}`;
 
   return (
     <>
-      <title>{tank.name}</title>
-      <meta
-        name="description"
-        content={`Statistics, armor profiles, equipment, and more about ${tank.name}`}
-      />
+      <title>{title}</title>
+      <meta name="description" content={description} />
       <meta property="og:title" content={tank.name} />
       <meta property="og:image" content={tankIcon(id)} />
+      <meta property="og:description" content={description} />
 
       {children}
     </>